CODEWITHSUNDEEP
iosswiftuicollectionviewuikitios12
Geri Borbás
Geri Borbás

Reputation: 16598

Horizontal paging UICollectionView with automatic item size in a vertical stack view?

I have a main vertical stack view (Frame 1), that has a horizontal paging collection view with flow layout (CollectionView), which has a couple of cells (Cell). Each cell comes with a vertical stack view of a couple of labels (Title, Description).

enter image description here enter image description here

Is there a way to let the tallest cell determine the collection view's height, while the main stack view width determines the width of the cells?

By default, the collection view is not visible when I use layout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize (seemingly it does not "inherit" the cells' height).

For now, I worked around the issue by setting a fixed height for the collection view, and defined the item size manually in the collectionView(_:layout:sizeForItemAt:) (and the cells are flexible).

Upvotes: 0

Views: 674

Answers (2)

Geri Borbás
Geri Borbás

Reputation: 16598

As the content is static, I think simply using UIScrollView is a pretty viable alternative here (as the dynamic nature of the collection view is not a requirement). The collection view could be a stack embedded into a scroll view, then the contains between the dimensions can be simply set upon initialization.

Upvotes: 0

emilrb
emilrb

Reputation: 139

Since CollectionViews (and TableViews) don't have an intrinsicContentSize, there is no way for the layout engine to know the correct size of your collection without the appropriate constraints. A subclass is needed to provide this property.

In your subclass:


override var intrinsicContentSize: CGSize {
    return CGSize(self.contentSize.height, self.superview!.bounds.width)
}

Also, don't forget to invalidate your content size when reloading data:


override func reloadData() {
    super.reloadData()
    self.invalidateIntrinsicContentSize()
}

For a more detailed explanation on intrinsicContentSize check Apple's Documentation

Upvotes: 1

Related Questions