UICollectionview cell with dynamic height and half width

Question

Im trying to create collection view (Expected View) with half width and dynamic height based on given text.

I am trying to achieve this by (Code in ViewController)

    let flowLayout = collectionView.collectionViewLayout as! UICollectionViewFlowLayout
    flowLayout.estimatedItemSize = CGSize(width: (UIScreen.main.bounds.width / 2), height: 2000.0)
    flowLayout.itemSize = UICollectionViewFlowLayout.automaticSize

And (Code in UICollectionviewCell)

override func preferredLayoutAttributesFitting(_ layoutAttributes: UICollectionViewLayoutAttributes) -> UICollectionViewLayoutAttributes {
    setNeedsLayout()
    layoutIfNeeded()
    let size = contentView.systemLayoutSizeFitting(layoutAttributes.size)
    var frame = layoutAttributes.frame
    frame.size.height = ceil(size.height)
    layoutAttributes.frame = frame
    return layoutAttributes 
}

By using the above code, I can achieve to create collectionview Actual view (half width and dynamic height). But collection view cell height not equal to the adjacent. Actually this collection view cell height should be same as adjacent cell height(which is having the maximum height). How to update the cell size based on the adjacent cell size?

Thanks in advance

Why you are set UICollectionViewFlowLayout.automaticSize, comment this line and try it — Naresh, Nov 12 '19 at 13:11
Just this line is enough flowLayout.estimatedItemSize = CGSize(width: (UIScreen.main.bounds.width / 2), height: 2000.0) — Naresh, Nov 12 '19 at 13:12
try this, https://stackoverflow.com/questions/35654129/how-to-change-space-between-cells-in-uicollectionview/35654505#35654505 — Yagnesh Dobariya, Nov 12 '19 at 13:29

score 1 · Answer 1 · answered Nov 12 '19 at 13:18

1

Use UICollectionViewDelegateFlowLayout

  func collectionView(_ collectionView: UICollectionView, layout 
collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: 
IndexPath) -> CGSize 
{
//let padding: CGFloat =  5
    let collectionViewSize = collectionView.frame.size.width / 2
    return CGSize(width: collectionViewSize , height: 2000 )
}

answered Nov 12 '19 at 13:18

Awais Mobeen

733
11
19

The above code makes the all cells in collectionview with height 2000. That is not the case here. – KP26 Nov 12 '19 at 14:59
you may change the height according to text that would be in that specific item as we did in a chat view this might help https://stackoverflow.com/questions/446405/adjust-uilabel-height-depending-on-the-text – Awais Mobeen Nov 13 '19 at 10:19

score 0 · Answer 2 · answered Nov 12 '19 at 14:59

Add this code in your CollectionViewCell class:

override func preferredLayoutAttributesFitting(_ layoutAttributes: UICollectionViewLayoutAttributes) -> UICollectionViewLayoutAttributes {
    setNeedsLayout()
    layoutIfNeeded()
    let size = contentView.systemLayoutSizeFitting(layoutAttributes.size)
    var newFrame = layoutAttributes.frame
    newFrame.size.height = ceil(size.height)
    newFrame.size.width = UIScreen.main.bounds.width / 2
    layoutAttributes.frame = newFrame
    return layoutAttributes
}

I have tried this too, but cell size is not updated as expecting. — KP26, Nov 12 '19 at 15:04

UICollectionview cell with dynamic height and half width

2 Answers2