UICollectionView 开始滚动后Cell尺寸异常变更问题如何解决

滚动时第2分区的UICollectionViewCell尺寸出现异常跳变，效果如下：

• 宽度计算依赖不稳定变量：第2分区（section=1）的cell宽度直接依赖滚动过程中实时变化的collectionView.bounds，collectionView滚动时bounds的origin会持续变动，此时取width会出现不可预期的偏差；同时第1分区（section=0）的宽度基于view.frame.width计算，如果collectionView本身和父view存在边距差异，两个分区的宽度基准本身就不统一，滚动复用cell时就会出现尺寸继承错误的问题。
• 布局规则冲突：如果你的UICollectionViewFlowLayout开启了estimatedItemSize自动预估尺寸（无论是XIB配置还是代码设置），和你手动实现sizeForItemAt返回的固定尺寸逻辑冲突，滚动触发cell复用时会反复重算布局，导致尺寸跳变。
• 间距配置不匹配：你计算第2分区cell宽度时留了10的间隙，但如果没有对应设置minimumInteritemSpacing为10、分区左右内边距为0，系统布局时发现两个cell总宽度超出collectionView可用范围，会自动压缩cell尺寸，滚动时就会出现错乱。

1. 统一宽度计算基准，提前缓存collectionView的可用宽度，不要在sizeForItemAt里实时取变动的bounds：
   在控制器中新增属性存储可用宽度：

private var collectionAvailableWidth: CGFloat = 0

在viewDidLayoutSubviews中更新该值，避免重复触发布局刷新：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    let newWidth = collectionView.bounds.width
    // 只有宽度实际变化时才更新缓存并刷新布局
    if newWidth != collectionAvailableWidth {
        collectionAvailableWidth = newWidth
        collectionView.collectionViewLayout.invalidateLayout()
    }
}

2. 关闭自动预估尺寸，对齐间距配置：
   在初始化collectionView或者viewDidLoad中添加布局配置：

if let layout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
    // 关闭自动预估，完全使用手动返回的尺寸
    layout.estimatedItemSize = .zero
    // 匹配你宽度计算时预留的10px间隙
    layout.minimumInteritemSpacing = 10
    // 行间距可根据需求自行调整
    layout.minimumLineSpacing = 10
    // 分区统一无左右内边距，和宽度计算逻辑对齐
    layout.sectionInset = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
}

3. 优化sizeForItemAt逻辑，统一使用缓存的宽度计算：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    switch indexPath.section {
    case 0:
        return indexPath.row == 0 
        ? CGSize(width: collectionAvailableWidth, height: 120) 
        : CGSize(width: collectionAvailableWidth, height: 50)
    case 1:
        let itemWidth = collectionAvailableWidth / 2 - 10
        return CGSize(width: itemWidth, height: 253)
    default:
        return .zero
    }
}

如果需要适配横屏旋转场景，上述逻辑已经可以自动处理宽度变化，无需额外适配。

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