前提・実現したいこと
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
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。