UICollectionView滚动时单元格颜色错乱问题求助

嘿，这个问题我太熟了！本质上是UICollectionView的单元格复用机制在搞鬼～

先给你理清楚原因：UICollectionView不会为每个可见单元格都新建实例，当你向下滚动，离开屏幕的cell会被放进「复用池」；当你向上滚回来的时候，新出现的cell是从复用池里拿的旧cell，而不是重新创建的。如果你的cellForItemAt里没有每次都明确覆盖颜色设置，旧cell上残留的颜色就会“乱跑”，导致你看到的错乱现象。

怎么修复？给你两个关键步骤： #

1. 在cellForItemAt里强制覆盖所有颜色设置

不管cell是不是复用的，每次拿到cell后都要根据当前indexPath计算颜色并赋值，绝对不能只在某些条件下设置。比如你要实现R、G、B循环的话，代码应该是这样：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "YourCellID", for: indexPath) as! YourCustomCell
    
    // 每次都根据索引计算颜色，直接覆盖旧值
    let colorCycle = [UIColor.red, UIColor.green, UIColor.blue]
    let targetColor = colorCycle[indexPath.item % colorCycle.count]
    
    // 如果是cell本身的背景色
    cell.backgroundColor = targetColor
    // 如果是cell内部的子视图，也要同样设置
    cell.titleLabel.backgroundColor = targetColor
    
    return cell
}

2. 利用prepareForReuse提前重置状态

如果你的自定义cell有比较复杂的视图状态，建议在cell类里重写prepareForReuse方法，把颜色（或者其他状态）重置到默认值，从根源上避免旧状态残留：

class YourCustomCell: UICollectionViewCell {
    override func prepareForReuse() {
        super.prepareForReuse()
        // 重置背景色到默认（比如透明或者白色）
        backgroundColor = .clear
        // 子视图也一起重置
        titleLabel.backgroundColor = .clear
    }
}

为什么设置rasterize没用？ #

图层的rasterize属性是用来把图层缓存成位图提升性能的，和复用导致的状态残留完全没关系，所以开或关都解决不了这个问题哦～

总结一下：核心就是复用的cell会保留之前的所有状态，必须在每次复用的时候彻底覆盖旧设置，或者提前在prepareForReuse里清空状态，这样滚动的时候颜色就不会乱啦！

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