如何高效动态更新嵌套UICollectionView的Cell高度？

嘿，这个场景我之前在项目里踩过坑，全局调用invalidateLayout()确实会让整个外层CollectionView重新计算所有Cell的布局，在Cell数量多的时候卡顿感特别明显。这里有几个针对性的高效方案，亲测可行：

方案一：手动更新约束 + 局部刷新Cell #

这是我最常用的方案，核心思路是通过约束控制Banner的显示/隐藏，然后让外层CollectionView只刷新目标Cell的布局，而不是全局失效。

具体步骤： #

1. 给外层Cell添加Banner高度约束：
   在包含UICollectionView B的Cell里，给底部Banner添加一个高度约束的IBOutlet，默认constant设为0（隐藏状态）。比如：

   @IBOutlet weak var bannerHeightConstraint: NSLayoutConstraint!
   

2. 监听UICollectionView B的滚动事件：
   实现UIScrollViewDelegate的scrollViewDidScroll方法，计算当前滚动到的页码，判断是否需要显示Banner：

   func scrollViewDidScroll(_ scrollView: UIScrollView) {
       guard scrollView == collectionViewB else { return }
       
       // 计算当前页码（这里用round，你可以根据需求换成floor/ceil）
       let pageWidth = scrollView.bounds.size.width
       let currentPage = Int(round(scrollView.contentOffset.x / pageWidth))
       
       // 确定Banner目标高度
       let targetBannerHeight: CGFloat = currentPage >= 1 ? 80 : 0 // 假设Banner高度为80
       
       // 避免重复触发布局更新
       guard bannerHeightConstraint.constant != targetBannerHeight else { return }
       
       // 更新约束
       bannerHeightConstraint.constant = targetBannerHeight
       
       // 让外层CollectionView局部刷新这个Cell
       if let outerCollectionView = self.superview as? UICollectionView {
           outerCollectionView.performBatchUpdates(nil, completion: nil)
       }
   }
   

3. 确保外层Cell支持自动布局：
   外层Cell的高度要由内部约束自动撑开，所以外层CollectionView的Layout（比如FlowLayout）要设置estimatedItemSize = UICollectionViewFlowLayout.automaticSize，或者在sizeForItemAt方法中根据Banner状态返回对应高度（如果是手动计算高度的话）。

方案二：自定义Layout，只失效目标Cell的布局属性 #

如果你的外层CollectionView用的是自定义Layout，可以通过UICollectionViewLayoutInvalidationContext精准控制哪些Cell的布局需要重新计算，避免全局失效。

具体步骤： #

1. 自定义外层CollectionViewLayout：
   添加一个标记变量，用来控制是否需要更新第一个Cell的布局，并重写invalidateLayout(with:)方法：

   class OuterCustomLayout: UICollectionViewFlowLayout {
       // 标记是否需要更新第一个Cell的高度
       var needUpdateFirstCellHeight = false
       
       override func invalidateLayout(with context: UICollectionViewLayoutInvalidationContext) {
           if needUpdateFirstCellHeight {
               // 只标记第一个Cell的布局属性为失效
               let firstCellIndexPath = IndexPath(item: 0, section: 0)
               context.invalidateItems(at: [firstCellIndexPath])
               needUpdateFirstCellHeight = false
           }
           super.invalidateLayout(with: context)
       }
   }
   

2. 监听滚动并触发局部失效：
   在scrollViewDidScroll中，当Banner状态变化时，设置标记并触发Layout失效：

   func scrollViewDidScroll(_ scrollView: UIScrollView) {
       guard scrollView == collectionViewB else { return }
       
       let pageWidth = scrollView.bounds.size.width
       let currentPage = Int(round(scrollView.contentOffset.x / pageWidth))
       let shouldShowBanner = currentPage >= 1
       
       // 假设你已经通过某种方式记录了当前Banner的显示状态
       guard shouldShowBanner != self.isBannerShowing else { return }
       
       self.isBannerShowing = shouldShowBanner
       
       // 通知自定义Layout更新第一个Cell
       if let outerLayout = outerCollectionView.collectionViewLayout as? OuterCustomLayout {
           outerLayout.needUpdateFirstCellHeight = true
           outerCollectionView.collectionViewLayout.invalidateLayout()
       }
   }
   

关键注意事项 #

• 避免频繁触发更新：一定要加判断，只有当Banner的显示状态确实变化时，才执行布局更新，不然滚动过程中会频繁触发布局，影响性能。
• 页码计算逻辑：根据产品需求选择合适的页码计算方式（round/floor/ceil），比如如果需要滚动到第二页的一半就显示Banner，用floor((contentOffset.x + pageWidth/2)/pageWidth)会更合适。
• 自动布局兼容性：如果外层Cell用手动计算高度，要确保sizeForItemAt方法能根据当前Banner状态返回正确的高度，再配合局部刷新让CollectionView重新获取高度。

内容的提问来源于stack exchange，提问作者Mix