Auto-Layout for CollectionViewCell: Trailing/Leading constraints change cell size

Question

I just can´t get familar with auto layout in Xcode. When I set trailing and leading constrains for Header Stack View, Bottom Stack View or the image between them, then the size (height/width) of my cell changes. Why does it happen and how can I avoid it? I think something isn´t right with the kind I build layouts. I am very grateful for any help.

I set the cell size with this code:

extension MainVC: UICollectionViewDelegateFlowLayout {
    
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

        let height = view.frame.size.height
        let width = view.frame.size.width

        return CGSize(width: width * 0.42, height: height * 0.3)
    }

}

My cell layout:

This is how the app looks when I use constrains for the Bottom Stack View.

This is without constrains for the Bottom Stack View (correct cell size).

Have you tried applying a centerX constraint to the stack views? — gmdev, Sep 28 '20 at 19:18
Yes tried it, but thank you. A missing checkmark was it xD See answer below. — Kinuhatek, Sep 28 '20 at 20:30

score 2 · Accepted Answer · answered Sep 28 '20 at 19:48

2

Cells can now self-size with auto layout and ignore what you return in collectionView(_:layout:sizeForItemAt:). If you want to use collectionView(_:layout:sizeForItemAt:), change Estimate size to None in the storyboard. https://stackoverflow.com/a/58369142/14351818

answered Sep 28 '20 at 19:48

aheze

24,434
8
68
125

1

It works, thank you very much! So much frustration because of one checkmark xD – Kinuhatek Sep 28 '20 at 20:29
Np, I ran into this issue a while ago too! – aheze Sep 28 '20 at 20:38

Auto-Layout for CollectionViewCell: Trailing/Leading constraints change cell size

1 Answers1