UICollectionView单元格图片边框动态切换首次触摸无效求助

我来帮你排查这个问题～你遇到的首次触摸无效的情况，主要是几个细节处理错了，我一步步给你梳理解决方案：

问题根源分析 #

1. 错误使用了didHighlightItemAt方法：这个方法是用户开始触摸单元格时触发的高亮事件，属于临时状态（比如触摸还没松开时的高亮），当触摸结束后高亮状态会自动取消。而且你在这里调用reloadItems，会导致单元格被复用重建，刚设置的颜色直接被重置了。
2. 直接比较CGColor存在风险：不同色彩空间下，视觉上相同的颜色对应的CGColor可能不相等，比如默认的黑色和你手动设置的黑色CGColor，可能因为色彩空间差异导致首次判断时不匹配，逻辑走不到切换分支。
3. 没有维护持久的选中状态：你没有保存每个单元格的选中状态，刷新后单元格的状态就丢失了，无法正确恢复颜色。

正确的实现步骤 #

1. 维护选中状态集合 #

首先在你的ViewController中添加一个集合，用来记录哪些单元格处于选中状态：

// 记录选中的indexPath
private var selectedIndexPaths: Set<IndexPath> = []

2. 使用didSelectItemAt处理选中切换 #

把你的逻辑从didHighlightItemAt转移到didSelectItemAt方法，这个方法是用户*完成点击动作（触摸松开）*时触发的，适合处理持久的选中状态切换：

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    // 切换当前单元格的选中状态
    if selectedIndexPaths.contains(indexPath) {
        selectedIndexPaths.remove(indexPath)
    } else {
        selectedIndexPaths.insert(indexPath)
    }
    
    // 刷新当前单元格，让它根据状态更新UI
    collectionView.reloadItems(at: [indexPath])
}

3. 在cellForItemAt中配置边框颜色 #

不要在事件方法里直接修改单元格UI，而是让单元格根据选中状态来配置样式，这样刷新时能正确显示对应颜色：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CategoriesChoosingCell", for: indexPath) as! CategoriesChoosingCell
    
    // 务必设置borderWidth（默认是0，即使设置borderColor也看不到）
    cell.imgView.layer.borderWidth = 1.0
    
    // 根据选中状态设置边框颜色
    let isSelected = selectedIndexPaths.contains(indexPath)
    cell.imgView.layer.borderColor = isSelected ? UIColor.red.cgColor : UIColor.black.cgColor
    
    return cell
}

额外注意事项 #

• 一定要确保borderWidth的值大于0，否则即使设置了borderColor也看不到边框效果。
• 如果需要临时高亮效果（比如触摸时的视觉反馈），可以在didHighlightItemAt和didUnhighlightItemAt中单独处理，但不要和持久选中状态的逻辑混在一起。
• 避免直接比较CGColor，通过状态变量（比如isSelected）来判断样式是更可靠的方式。

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