UICollectionView header dynamic height using Auto Layout

by

Here’s an elegant, up to date solution.

As stated by others, first make sure that all you have constraints running from the very top of your header view to the top of the first subview, from the bottom of the first subview to the top of the second subview, etc, and from the bottom of the last subview to the bottom of your header view. Only then auto layout can know how to resize your view.

The following code snipped returns the calculated size of your header view.

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize {

    // Get the view for the first header
    let indexPath = IndexPath(row: 0, section: section)
    let headerView = self.collectionView(collectionView, viewForSupplementaryElementOfKind: UICollectionView.elementKindSectionHeader, at: indexPath)

    // Use this view to calculate the optimal size based on the collection view's width
    return headerView.systemLayoutSizeFitting(CGSize(width: collectionView.frame.width, height: UIView.layoutFittingExpandedSize.height),
                                              withHorizontalFittingPriority: .required, // Width is fixed
                                              verticalFittingPriority: .fittingSizeLevel) // Height can be as large as needed
}

Edit

As @Caio noticed in the comments, this solution will cause a crash on iOS 10 and older.
In my project, I’ve “solved” this by wrapping the code above in if #available(iOS 11.0, *) { ... } and providing a fixed size in the else clause. That’s not ideal, but acceptable in my case.

More Related Contents:

  1. How to add constraints programmatically using Swift
  2. UICollectionView Self Sizing Cells with Auto Layout
  3. UIScrollView Scrollable Content Size Ambiguity
  4. How to make a simple collection view with Swift
  5. reloadData() of UITableView with Dynamic cell heights causes jumpy scrolling
  6. UICollectionView – dynamic cell height? [duplicate]
  7. How to adjust height of UICollectionView to be the height of the content size of the UICollectionView?
  8. UICollectionView, full width cells, allow autolayout dynamic height?
  9. UICollectionView: Animate cell size change on selection
  10. Multiple UILabels inside a self sizing UITableViewCell
  11. ios 8 Swift – TableView with embedded CollectionView
  12. Setting tableHeaderView height dynamically
  13. Using ScrollView Programmatically in Swift 3
  14. UIStackView Distribution Fill Equally
  15. Auto Layout in UICollectionViewCell not working
  16. How to add Equal Spacing and equal width for button in iOS Auto layout
  17. When can I activate/deactivate layout constraints?
  18. How to keep a round imageView round using auto layout?
  19. EXC_BAD_INSTRUCTION When Passing UICollectionView Cell Data to Different ViewController
  20. Specifying one Dimension of Cells in UICollectionView using Auto Layout
  21. Why on Xcode 11, UICollectionViewCell changes size as soon as you scroll (I already set size in sizeForItem AtIndexPath:)?
  22. Loading a ViewController inside a Container View
  23. Resize the screen when keyboard appears
  24. View at the bottom in a UIScrollView, with AutoLayout
  25. How to scroll to a particluar index in collection view in swift
  26. AutoLayout views make app crash on popViewController
  27. Proportional height (or width) in SwiftUI
  28. When should translatesAutoresizingMaskIntoConstraints be set to true?
  29. Warning: UICollectionViewFlowLayout has cached frame mismatch for index path ‘abc’
  30. UITableView auto resizing row constraint breaking mysteriously on iPhone 6Plus

Leave a Comment