UICollectionView单元格选中/取消选中需求：实现重选已选单元格取消选中

嘿，这个需求我熟！我来给你一步步讲怎么实现～

首先得搞清楚UICollectionView的默认行为：当allowsMultipleSelection设为false（默认值）时，点击已经选中的单元格是不会触发didSelectItemAt代理方法的，系统默认阻止了这种操作，所以你得先打破这个限制，再处理选中/取消的逻辑。

核心解决方案步骤 #

1. 允许点击已选中的单元格

实现shouldSelectItemAt代理方法，不管单元格是否已选中，都返回true，这样点击已选中的单元格时，didSelectItemAt会被正常触发：

func collectionView(_ collectionView: UICollectionView, shouldSelectItemAt indexPath: IndexPath) -> Bool {
    // 允许所有单元格被选中，包括已选中的
    return true
}

2. 在didSelectItemAt里处理选中/取消逻辑

接下来在选中代理方法里，判断当前单元格是否已经处于选中状态，然后执行对应的操作：

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    // 检查当前单元格是否已被选中
    let isAlreadySelected = collectionView.indexPathsForSelectedItems?.contains(indexPath) ?? false
    
    if isAlreadySelected {
        // 取消选中：手动调用deselect方法，并更新UI
        collectionView.deselectItem(at: indexPath, animated: true)
        updateCellUI(at: indexPath, isSelected: false)
    } else {
        // 如果你的需求是单选，先取消之前选中的所有单元格
        collectionView.indexPathsForSelectedItems?.forEach {
            collectionView.deselectItem(at: $0, animated: true)
            updateCellUI(at: $0, isSelected: false)
        }
        // 选中当前单元格并更新UI
        updateCellUI(at: indexPath, isSelected: true)
    }
}

3. 辅助方法：更新单元格选中UI

写一个通用方法来统一处理单元格的选中状态UI，避免重复代码：

private func updateCellUI(at indexPath: IndexPath, isSelected: Bool) {
    guard let cell = collectionView.cellForItem(at: indexPath) as? YourCollectionViewCell else {
        return
    }
    // 这里根据你的需求自定义选中样式，比如：
    cell.backgroundColor = isSelected ? .systemBlue : .white
    cell.layer.borderColor = isSelected ? UIColor.systemBlue.cgColor : UIColor.lightGray.cgColor
    cell.layer.borderWidth = isSelected ? 2 : 1
    // 其他UI调整，比如文字颜色、图标状态等
}

补充说明 #

• 如果你的需求是支持多选，那可以直接把collectionView.allowsMultipleSelection设为true，这时候点击已选中的单元格会自动触发didDeselectItemAt，你只需要在两个代理方法里分别处理选中和取消的UI即可，不需要上面的额外判断。
• 如果你依赖单元格系统的isSelected属性来控制UI，那可以不用手动调用updateCellUI，因为selectItem和deselectItem会自动更新cell的isSelected状态，你只需要在cell的isSelected重写方法里处理UI：

class YourCollectionViewCell: UICollectionViewCell {
    override var isSelected: Bool {
        didSet {
            // 在这里处理选中/取消的UI变化
            backgroundColor = isSelected ? .systemBlue : .white
            // ...其他样式调整
        }
    }
}

这样就能完美实现“点击已选中的单元格取消选中”的需求啦！

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