优化含高开销Cell的UICollectionView旋转卡顿问题求助

这个问题我之前做项目时也踩过坑！核心问题就是每次旋转都全量销毁重建视图，既浪费视图创建/销毁的系统资源，又会阻塞主线程导致卡顿。给你几个针对性的优化思路，亲测有效：

1. 复用已有UIImageView，避免全量重建 #

不要每次都把所有视图删掉再重新加，而是复用已有的视图，只做必要的更新：多余的视图暂时隐藏，不足的再新增，已有视图只更新图片、布局参数。这样能彻底消除removeFromSuperview和频繁创建视图的开销。

优化后的代码示例：

func updateUI() {
    // 第一步：复用已有视图，更新布局和图片
    for (index, imageView) in allItems.enumerated() {
        guard index < imageDataArray.count else {
            // 数据比现有视图少，多余的视图隐藏即可
            imageView.isHidden = true
            continue
        }
        imageView.isHidden = false
        let imageData = imageDataArray[index]
        imageView.image = imageData.image // 替换对应图片
        // 只更新布局，不用重新添加视图
        imageView.frame = ... 
        imageView.center = ...
    }
    
    // 第二步：如果数据比现有视图多，补充创建新视图
    for index in allItems.count..<imageDataArray.count {
        let imageData = imageDataArray[index]
        let imageView = UIImageView(image: imageData.image)
        contentView.addSubview(imageView)
        imageView.frame = ...
        imageView.center = ...
        allItems.append(imageView)
    }
}

2. 用Auto Layout替代手动设置frame/center #

手动计算frame和center不仅容易出错，旋转时还需要重复计算布局参数。换成Auto Layout后，系统会自动处理旋转时的布局调整，既减少你的代码量，又能利用系统的布局优化能力。

初始化视图时添加约束（只执行一次）：

// 创建视图时添加约束
let imageView = UIImageView(image: imageData.image)
imageView.translatesAutoresizingMaskIntoConstraints = false
contentView.addSubview(imageView)
// 根据你的自定义尺寸/位置设置约束，示例：
NSLayoutConstraint.activate([
    imageView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: ...),
    imageView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: ...),
    imageView.widthAnchor.constraint(equalToConstant: ...),
    imageView.heightAnchor.constraint(equalToConstant: ...)
])
allItems.append(imageView)

此时updateUI只需要处理图片和视图显隐，不用管布局：

func updateUI() {
    for (index, imageView) in allItems.enumerated() {
        guard index < imageDataArray.count else {
            imageView.isHidden = true
            continue
        }
        imageView.isHidden = false
        imageView.image = imageDataArray[index].image
    }
    
    // 补充新增视图的逻辑和上面一致，只是用约束替代frame
    for index in allItems.count..<imageDataArray.count {
        let imageData = imageDataArray[index]
        let imageView = UIImageView(image: imageData.image)
        imageView.translatesAutoresizingMaskIntoConstraints = false
        contentView.addSubview(imageView)
        NSLayoutConstraint.activate([
            imageView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: ...),
            imageView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: ...),
            imageView.widthAnchor.constraint(equalToConstant: ...),
            imageView.heightAnchor.constraint(equalToConstant: ...)
        ])
        allItems.append(imageView)
    }
}

3. 把复杂布局计算移到后台线程 #

如果你的frame/center计算逻辑涉及大量数学运算（比如根据复杂规则排布视图），可以把计算逻辑放到后台线程，计算完成后再回到主线程更新UI，避免阻塞主线程导致卡顿。

示例代码：

func updateUI() {
    // 后台线程计算所有布局信息
    DispatchQueue.global().async { [weak self] in
        guard let self = self else { return }
        var layoutInfos: [(image: UIImage, frame: CGRect, center: CGPoint)] = []
        for imageData in self.imageDataArray {
            // 这里做耗时的布局计算
            let calculatedFrame = ... 
            let calculatedCenter = ...
            layoutInfos.append((image: imageData.image, frame: calculatedFrame, center: calculatedCenter))
        }
        
        // 回到主线程更新UI
        DispatchQueue.main.async {
            // 复用视图的逻辑和之前一致，直接用预计算好的布局信息
            for (index, imageView) in self.allItems.enumerated() {
                guard index < layoutInfos.count else {
                    imageView.isHidden = true
                    continue
                }
                let info = layoutInfos[index]
                imageView.isHidden = false
                imageView.image = info.image
                imageView.frame = info.frame
                imageView.center = info.center
            }
            
            // 补充新增视图
            for index in self.allItems.count..<layoutInfos.count {
                let info = layoutInfos[index]
                let imageView = UIImageView(image: info.image)
                self.contentView.addSubview(imageView)
                imageView.frame = info.frame
                imageView.center = info.center
                self.allItems.append(imageView)
            }
        }
    }
}

4. 确保UICollectionView的Cell复用逻辑正确 #

最后别忘了检查你的UICollectionView是否在正确复用Cell，避免旋转时创建大量新Cell。在cellForItemAt里一定要用dequeueReusableCell：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "YourCellID", for: indexPath) as! YourCustomCell
    cell.imageDataArray = yourDataSource[indexPath.item]
    cell.updateUI()
    return cell
}

同时在Cell的prepareForReuse方法里做状态重置，避免复用旧数据：

override func prepareForReuse() {
    super.prepareForReuse()
    allItems.forEach { $0.isHidden = true }
}

优先推荐复用视图+Auto Layout的组合，这两个优化结合起来基本能解决大部分旋转卡顿问题，如果布局计算确实复杂，再加上后台计算的优化。

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