重新加载collectionview单元格而不是节标题

Question

When trying to create collapsible UICollectionView sections, I update the number of items in the section dependent on its state. However, doing it this way, I reload the section which also reloads the section header aswell, and I get a very weird behavior when animating my image in the section header.

Essentially, reloading the section header when changing section items enables the UICollectionView to update the items but the section animate looks and behaves strange. Without calling reloadSection, it allows for the proper animation but the items do not load.

self?.collectionView?.performBatchUpdates({ 
   let indexSet = IndexSet(integer: section)
   self?.collectionView?.reloadSections(indexSet) 
}, completion: nil)

What is the fix for this?

Answer 1

You may try to extract the sequence of IndexPath in a specific section, then call reloadItems on such sequence, doing so:

extension UICollectionView {
   func reloadItems(inSection section:Int) {
      reloadItems(at: (0..<numberOfItems(inSection: section)).map {
         IndexPath(item: $0, section: section)
      })
   }
}

so your code might be something like:

var updateSection = 0 // whatever
collectionView.performBatchUpdates({
    // modify here the collection view
    // eg. with: collectionView.insertItems
    // or: collectionView.deleteItems
}) { (success) in
    collectionView.reloadItems(inSection: updateSection)
}