如何通过更新sizeForItemAt动态调整交互触发时的UICollectionViewCell高度

核心逻辑说明 #

Cell尺寸的最终决定权在UICollectionViewDelegateFlowLayout的sizeForItemAt代理中，Cell自身的视图属性无法直接改变布局尺寸，所有尺寸计算必须以独立的数据源状态为判断依据，不能临时把状态存在Cell内部。

落地实现步骤 #

• 为每个Cell的状态添加数据源标记
  在原有数据源模型中新增状态字段，默认值对应展开（全高度）状态，例如新增isExpanded: Bool = true属性，所有高度判断都读取这个字段值，不把状态存在Cell的视图属性里，避免复用导致的状态错乱。
• 打通Cell内部按钮的交互回调
  自定义Cell类不要直接操作collectionView的布局，而是通过闭包把点击事件和对应的indexPath传递出去：

class DynamicCell: UICollectionViewCell {
    // 定义按钮点击回调，传出对应Cell的indexPath
    var toggleHandler: ((IndexPath) -> Void)?
    
    @objc func onToggleButtonTapped() {
        guard let collectionView = self.superview as? UICollectionView,
              let indexPath = collectionView.indexPath(for: self) else {
            return
        }
        toggleHandler?(indexPath)
    }
}

• 改造sizeForItemAt的高度计算逻辑
  完全基于当前对应indexPath的数据源状态计算返回尺寸，替换原有固定返回全高度的逻辑：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    // 保留原有全高度计算逻辑
    let headerHeight: CGFloat = /* 原有header高度计算 */
    let contentHeight: CGFloat = /* 原有content高度计算 */
    let footerHeight: CGFloat = /* 原有footer高度计算 */
    let fullDynamicHeight = headerHeight + contentHeight + footerHeight
    
    // 从对应数据源读取当前Cell的展开状态
    let cellState = dataList[indexPath.item].isExpanded
    // 折叠状态返回半高，展开返回全高
    let finalHeight = cellState ? fullDynamicHeight : fullDynamicHeight / 2
    
    return CGSize(width: collectionView.frame.width, height: finalHeight)
}

• 交互触发后的布局更新
  在cellForItemAt方法中绑定Cell的点击回调，收到回调后按顺序执行三个操作，触发布局重新计算：
• 修改对应indexPath位置的数据源状态：dataList[indexPath.item].isExpanded.toggle()
• 让flowLayout失效，触发重新计算所有可见元素的尺寸：collectionView.collectionViewLayout.invalidateLayout()
• 局部刷新对应位置的Cell，避免全量刷新的卡顿和滚动位置偏移：collectionView.reloadItems(at: [indexPath])

常见踩坑提示 #

• 不要在Cell内部直接修改自身的frame、transform来实现高度折叠，下次布局遍历的时候flowLayout会把尺寸重置为代理返回的值，不会生效
• 不要把Cell的展开/折叠状态存在Cell的成员变量里，Cell复用时会导致其他位置的Cell状态错乱
• 不要触发reloadData()全量刷新，会导致集合视图滚动位置跳变，长列表下性能极差

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