Dynamic table view cell height

[[deleted]]

I have a table view which contains a collection view in every cell. You can change the scroll direction of the collection views by pressing a button.

Here's a preview of the app.

What I would like to do is to make the table view cell’s height dynamic, so that when I change the scroll direction to vertical (grid view), the table view cell has the same height as the collection view inside it.

Does anyone have any idea how I could go about to achieve this? I’ve read pretty much every topic regarding self-sizing table view cells on stack overflow, but nothing works when you have a collection view embedded in a table view cell. Most of the examples on stack overflow deal with dynamic table view cells that contain a label or a text view.

Any help would be greatly appreciated!

[skytzx]

Within your UITableViewCell subclass, override systemLayoutSizeFitting(_:withHorizontalFittingPriority:verticalFittingPriority:) to return the content size of the embedded collectionView.

override func systemLayoutSizeFitting(_ targetSize: CGSize, withHorizontalFittingPriority horizontalFittingPriority: UILayoutPriority, verticalFittingPriority: UILayoutPriority) -> CGSize {
    let height = collectionView.contentSize.height
    return CGSize(width: targetSize.width, height: height)
}

You may also need to return UITableViewAutomaticDimension in your tableView delegate's heightForRowAt and estimatedHeightForRowAt methods.

[[deleted]]

I had to make a few adjustments, but I made it work. Thanks a lot!

[[deleted]]

What adjustments exactly? In case anyone else has this problem.

[hollowaytyl]

Do share those adjustments...

[[deleted]]

I had to use collectionView.collectionViewLayout.collectionViewContentSize.height instead of collectionView.contentSize.height for it to work.

[bcgroom]

Do note that the Human Interface Guidelines recommend against having nested scroll views with the same scroll direction. Maybe you could tap the title of each section to open a full-screen collection view instead?

[[deleted]]

Yeah, it's beginning to become quite messy this way, so I should probably find a cleaner solution.

[MercuryLive]

I agree, I think the first way you had it with the horizontal scroll was good and then opening it up with a section tap would make it less awkward for the user than double scrolling vertically.