画像とタイトルが、ずれてしまいます。
## わからないこと。
image
の制約ができない。- タイトル、imageが左寄せにならない。
- Category Cellの幅 高さを変えても、ビルド時に反映されない。
- CollectionViewの
EstimateSize
をAutomatic
以外にすると、
画像のみ左揃えになり、タイトルは中途半端に左にズレる。
Xibを使用しています。
## レイアウトの警告
'Nature'.width == 100
の制約を削除しましたが、引き続きレイアウトは崩れています。
Will attempt to recover by breaking constraint <NSLayoutConstraint:0x60000186f0c0 UILabel:0x7fb077817040'Nature'.width == 100 (active)>
## 参考
## コード
swift
1 // init 2 let category = Category.init(name: "Nature", id: "abcd", imgUrl: "https://images.unsplash.com/photo-1598556071907-a07e191d0798?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=666&q=80", isActive: true, timeStamp: Timestamp()) 3 categories.append(category) 4 5 // delegate, dataSource 6 collectionView.delegate = self 7 collectionView.dataSource = self 8 collectionView.register(UINib(nibName: Identifiers.CategoryCell, bundle: nil), forCellWithReuseIdentifier: Identifiers.CategoryCell)
swift
1extension HomeVC : UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout { 2 3 // numberOfItem (count) 4 func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 5 return categories.count 6 } 7 8 // cellForItem (type) 9 func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 10 if let cell = collectionView.dequeueReusableCell(withReuseIdentifier: Identifiers.CategoryCell, for: indexPath) as? CategoryCell { 11 12 cell.configureCell(category: categories[indexPath.item]) 13 return cell 14 } 15 return UICollectionViewCell() 16 } 17 18 // sizeForItem (width, height) 19 func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 20 let width = view.frame.width 21 let cellWidth = (width - 50) / 2 22 let cellHeight = cellWidth * 1.5 23 return CGSize(width: cellWidth, height: cellHeight) 24 } 25}
質問は以上です。
お時間あるときに、ご返信頂けましたら幸いです????
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。