CollectionViewのレイアウトが思い通りにならない。

Question

画像とタイトルが、ずれてしまいます。

##　わからないこと。

• 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)>

##　参考

##　コード

        // init
        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())
        categories.append(category)
        
        // delegate, dataSource
        collectionView.delegate = self
        collectionView.dataSource = self
        collectionView.register(UINib(nibName: Identifiers.CategoryCell, bundle: nil), forCellWithReuseIdentifier: Identifiers.CategoryCell)

extension HomeVC : UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {
    
    // numberOfItem (count)
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return categories.count
    }
    
    // cellForItem (type)
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        if let cell = collectionView.dequeueReusableCell(withReuseIdentifier: Identifiers.CategoryCell, for: indexPath) as? CategoryCell {
            
            cell.configureCell(category: categories[indexPath.item])
            return cell
        }
        return UICollectionViewCell()
    }
    
    // sizeForItem (width, height)
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        let width = view.frame.width
        let cellWidth = (width - 50) / 2
        let cellHeight = cellWidth * 1.5
        return CGSize(width: cellWidth, height: cellHeight)
    }
}

質問は以上です。
お時間あるときに、ご返信頂けましたら幸いです????

Answer 1

レイアウト作り直したら、いけた????
制約がおかしかった。