UICollectionView单元格添加边框问题：滚动后边框随机显示

这个问题我太熟了——UICollectionView的cell复用机制在搞鬼！你直接给选中的cell设置边框，但cell滚出屏幕后会被回收复用，新滚进来的cell会带着之前的边框样式，就出现了随机显示的情况。下面是完整的解决方案：

核心思路 #

不要直接修改cell的样式，而是用数据记录选中状态，在cell复用的时候根据状态重新配置样式。

1. 记录选中状态 #

先定义一个变量来保存当前选中的indexPath（如果是多选场景可以改用数组）：

var selectedIndexPath: IndexPath?

2. 处理选中事件 #

在didSelectItemAt里更新选中状态，并刷新受影响的cell（取消之前选中的cell样式，应用当前选中的样式）：

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    // 先刷新之前选中的cell，清除它的边框
    if let oldSelected = selectedIndexPath {
        collectionView.reloadItems(at: [oldSelected])
    }
    // 更新选中状态
    selectedIndexPath = indexPath
    // 刷新当前选中的cell，应用边框
    collectionView.reloadItems(at: [indexPath])
}

3. （可选）处理取消选中事件 #

如果需要支持点击已选中的cell取消选中，实现didDeselectItemAt：

func collectionView(_ collectionView: UICollectionView, didDeselectItemAt indexPath: IndexPath) {
    selectedIndexPath = nil
    collectionView.reloadItems(at: [indexPath])
}

4. 在cell复用时配置样式 #

这是最关键的一步！每次cell被创建或复用时，在cellForItemAt里根据选中状态设置边框：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    // 替换成你的cell复用标识符
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "YourCellID", for: indexPath)
    
    // 根据选中状态设置边框
    let isCellSelected = selectedIndexPath == indexPath
    cell.layer.borderColor = isCellSelected ? UIColor.blue.cgColor : UIColor.clear.cgColor
    cell.layer.borderWidth = isCellSelected ? 1 : 0
    
    // 其他cell的配置代码（比如设置内容、图片等）
    return cell
}

为什么这样有效？ #

UICollectionView会复用滚出屏幕的cell，所以直接给cell设置样式会导致样式残留。通过用数据记录选中状态，每次cell被复用都重新根据状态配置样式，就能彻底解决滚动后边框乱跳的问题。

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