質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

UI

UIはUser Interfaceの略であり、人間がコンピュータとやりとりをするためのシステムです。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

Q&A

解決済

1回答

1751閲覧

SwiftのUIcollectionViewのセルが画面外にはみ出る

NattoGohan

総合スコア0

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

UI

UIはUser Interfaceの略であり、人間がコンピュータとやりとりをするためのシステムです。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

0グッド

0クリップ

投稿2021/10/17 14:00

前提・実現したいこと

Swiftの勉強がてらに、時間割アプリの作成をしております(Swift5.4.2、xcode12.5.1)
とりあえず時間割の枠組みを作成しようと思い、collectionViewを用いて作成したのですが、マージンがおかしいのか枠組みが画面外にはみ出てしまいます。

また、このようなプログラムの質問は初めてになりますので、何か不備がありましたら教えていただくと助かります。

発生している問題

枠組みがはみ出る

該当のソースコード

Swift5.4.2

1import UIKit 2 3class ViewController: UIViewController, UICollectionViewDelegate{ 4 5 6 @IBOutlet weak var collectionView: UICollectionView! 7 8 @IBOutlet weak var CollectionViewFlowLayout: UICollectionViewFlowLayout! 9 10 private let sideMargin: CGFloat = 10 //左右の空白 11 private let itemPerWidth: CGFloat = 7 //週 12 private let itemSpacing: CGFloat = 5 //セル間の空白 13 //let timeTable = TimeTableController() 14 15 //時間割セルの設定 16 override func viewDidLoad() { 17 super.viewDidLoad() 18 // Do any additional setup after loading the view. 19 collectionView.delegate=self 20 collectionView.dataSource = self 21 22 23 let layout = UICollectionViewFlowLayout() 24 25 layout.minimumInteritemSpacing = itemSpacing 26 layout.sectionInset = UIEdgeInsets(top: 15, left: sideMargin, bottom: 15, right: sideMargin) 27 collectionView.collectionViewLayout = layout 28 } 29 30} 31 32 33extension ViewController: UICollectionViewDataSource { 34 func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 35 14 36 } 37 38 func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 39 let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath) // 表示するセルを登録 40 cell.backgroundColor = .white// セルの色 41 //cell.layer.borderWidth = 1.0//セルの枠組み(有無どっちでもいい) 42 return cell 43 } 44} 45extension ViewController: UICollectionViewDelegateFlowLayout { 46 func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 47 // セルの割当に利用可能なwidth 48 // :親viewのwidth - 左右のマージン - セル間の水平方向の間隔 * (列数 - 1) 49 let availableWidth = ( view.frame.size.width - sideMargin * 2) - itemSpacing * (itemPerWidth - 1) 50 51 //print(view.frame.width) 52 53 // セル一つのwidth 54 let width = availableWidth / itemPerWidth 55 56 //print(width) 57 //print(itemPerWidth) 58 59 return CGSize(width: width, height: width + 10) 60 } 61} 62

試したこと

ソースコードに残痕があるようにprintでwidth,itemPerWidthなどの数値を確認し計算に問題はないか、などを確認しました。紙面で計算の結果問題なしと思われますが、ソースコード後半コメントの//print(view.frame.width)>を出力したところ、viewのwidthと出力された値が異なる点が気になりました。しかしviewのwidthの値をそのままview.frame.widthに代入しても、結果ははみ出たのでマージンに問題がある気がします。

補足情報(FW/ツールのバージョンなど)

Swift5.4.2
xcode 12.5.1

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

view.frame.size.widthをcontorollerView.frame.widthに変更したところ思い道理になりました

投稿2021/10/18 11:48

NattoGohan

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問