为何CollectionView单元格需先上下滚动才会更新背景色？

看起来你遇到的是CollectionView cell复用机制结合视图初始化时机导致的问题——设计时的棕色背景没有被运行时的随机颜色及时覆盖，只有当cell被滚动触发复用后才会更新。下面是具体的解决思路和代码示例：

核心原因分析 #

CollectionView的cell采用复用机制，如果你设置随机颜色的代码没有在每次cell被创建/复用的时候都执行，就会导致初始加载的cell保留Storyboard/XIB里设计的棕色，只有滚动触发复用后才会应用随机颜色。另外，Designable View的预览颜色可能会在运行时默认保留，除非你显式覆盖它。

具体解决方案 #

1. 把随机颜色设置放在cell配置方法中 #

创建一个专门的配置方法，确保每次cell被初始化或复用的时候都能执行颜色设置：

首先，在你的CollectionViewCell类中添加配置逻辑：

import UIKit

class CategoryCollectionViewCell: UICollectionViewCell {
    // 假设你的棕色圆形UIView是这个IBOutlet
    @IBOutlet weak var circularBgView: UIView!
    
    // 配置cell的方法
    func setupRandomBackgroundColor() {
        // 生成随机RGB颜色
        let randomRed = CGFloat.random(in: 0...1)
        let randomGreen = CGFloat.random(in: 0...1)
        let randomBlue = CGFloat.random(in: 0...1)
        let randomColor = UIColor(red: randomRed, green: randomGreen, blue: randomBlue, alpha: 1.0)
        
        // 强制覆盖Designable View的默认棕色
        circularBgView.backgroundColor = randomColor
    }
}

2. 在cellForItemAt中调用配置方法 #

在CollectionView的数据源方法里，每次获取cell后立即调用配置方法，不管是新创建的cell还是复用的cell：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CategoryCell", for: indexPath) as! CategoryCollectionViewCell
    
    // 调用配置方法设置随机颜色
    cell.setupRandomBackgroundColor()
    
    // 其他cell配置逻辑（比如设置分类标题等）
    // cell.titleLabel.text = yourDataArray[indexPath.item]
    
    return cell
}

3. 额外注意事项 #

• 不要只在awakeFromNib或init方法里设置一次随机颜色：这些方法只有cell第一次创建时才会执行，复用的时候不会重复调用，无法保证颜色每次都更新。
• 检查Designable View的代码：如果你的Designable View在prepareForInterfaceBuilder里硬编码了棕色，不用担心——这个方法只在Storyboard预览时执行，运行时不会触发，不会影响你设置的随机颜色。
• 若需要更稳妥的复用重置，可以在prepareForReuse方法里也调用配置逻辑：

override func prepareForReuse() {
    super.prepareForReuse()
    setupRandomBackgroundColor()
}

这样修改后，初始加载的cell就会直接显示随机颜色，不需要滚动触发了。

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