如何解决UICollectionView选中状态异常的问题？

你遇到的这种每隔3个索引单元格莫名变蓝的问题，根源在于直接修改单元格背景色时，忽略了UICollectionView的单元格复用机制——离开屏幕的单元格会被重新利用到新位置，之前设置的颜色会被保留，导致复用后的单元格显示错误的颜色。

正确的做法是通过数据源记录选中状态，在单元格创建/复用的时候统一设置颜色，而不是直接操作选中的单元格。具体步骤如下：

1. 定义变量记录当前选中的索引路径

// 初始化为nil，表示一开始没有选中任何单元格
var selectedIndexPath: IndexPath?

2. 在cellForItemAt方法中，根据选中状态设置单元格背景色
   这一步是核心，确保每个单元格在复用或首次创建时，都能根据当前选中状态显示正确的颜色：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "LocationViewCell", for: indexPath) as! LocationViewCell
    
    // 判断当前单元格是否为选中状态，设置对应背景色
    if let selectedPath = selectedIndexPath, selectedPath == indexPath {
        cell.backView.backgroundColor = .cyan
    } else {
        cell.backView.backgroundColor = .white
    }
    
    // 这里添加你的其他单元格配置逻辑（比如设置文字、图片等）
    return cell
}

3. 修改didSelectItemAt方法，更新选中状态并刷新对应单元格
   不要直接修改单元格的背景色，而是更新选中状态后，让系统重新渲染对应的单元格：

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    // 保存之前选中的索引，用于后续刷新恢复颜色
    let previousSelected = selectedIndexPath
    
    // 更新当前选中的索引
    selectedIndexPath = indexPath
    
    // 刷新之前选中的单元格，使其恢复白色背景
    if let prevPath = previousSelected {
        collectionView.reloadItems(at: [prevPath])
    }
    
    // 刷新当前选中的单元格，使其显示青色背景
    collectionView.reloadItems(at: [indexPath])
}

为什么这样能解决问题？ #

UICollectionView的单元格复用机制会循环利用已创建的单元格，直接修改单元格的颜色会让复用后的单元格保留旧状态。通过数据源记录选中状态，在cellForItemAt中统一设置颜色，能保证每个单元格无论是否被复用，都会根据最新的选中状态显示正确的背景色，彻底避免复用导致的异常变色问题。

内容的提问来源于stack exchange，提问作者Erkan Coşar