Hide header animated from UICollectionViewCompositionalLayout

Question

Rumio OP

Created Dec ’24

Replies 1

Boosts 0

Participants 2

Hello!

I have a collectionView and assigned a layout to it:

collectionView.collectionViewLayout = createLayout(hasHeader: true)

func createLayout(hasHeader: Bool) -> UICollectionViewCompositionalLayout {
   let layout = UICollectionViewCompositionalLayout { [weak self] (section,environment) -> NSCollectionLayoutSection? in
   // configure cells
   }
   // adding a header:
   if hasHeader {
      let header = //...
      layout.boundarySupplementaryItems.append(header)
   }
   return layout
}

Now, I just want to hide the header (animated).

Removing the header can simply be done this way, but this is not animated:

collectionView.collectionViewLayout = createLayout(hasHeader: false)

Is there any other possibility to hide it animated?

Boost

Answer 1

Engineer OP

Apple

Dec ’24

Accepted Answer

If your header is a view with constraints you can try modifying the constraint and reloading the view to animate the constraint change. You won't have explicit control over the animation curve but you can force a system controlled animation in response to constraint changes.

There may be a better way to do this, but without additional information, conceptually you can do something like this.

1