Collection View单元格复选状态异常求助：滚动及数据过多时状态混乱

你的问题根源在于CollectionView单元格的复用机制，直接在单元格里存状态或者用NotificationCenter广播更新，都会因为复用导致状态串位，尤其是数据量大的时候。正确的做法是把选中状态绑定到数据源模型里，让单元格只负责根据数据源展示状态。

步骤1：创建带选中状态的数据模型 #

给每个列表项添加isSelected属性，用来存储当前条目的选中状态：

struct CollectionItem {
    let id: String // 唯一标识，避免数据重复时出错
    var title: String
    var isSelected: Bool // 核心：存储选中状态
}

步骤2：初始化数据源 #

用上述模型初始化你的数据源数组，默认选中状态设为false：

var items: [CollectionItem] = []

// 示例初始化
func setupDataSource() {
    for i in 0..<20 {
        items.append(CollectionItem(id: "\(i)", title: "条目\(i)", isSelected: false))
    }
}

步骤3：配置单元格与点击事件 #

在cellForItemAt方法里，根据数据源的isSelected设置按钮状态，同时给按钮绑定点击事件：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "YourCellID", for: indexPath) as! YourCollectionViewCell
    
    let item = items[indexPath.item]
    // 配置按钮选中状态
    cell.toggleBtn.isSelected = item.isSelected
    // 绑定点击事件（注意用weak self避免循环引用）
    cell.toggleBtn.addTarget(self, action: #selector(onToggleBtnTap(_:)), for: .touchUpInside)
    
    return cell
}

步骤4：处理按钮点击，更新数据源并刷新单元格 #

点击按钮时，找到对应单元格的索引，更新数据源的选中状态，只刷新当前单元格（避免整个列表刷新导致闪烁）：

@objc func onToggleBtnTap(_ sender: UIButton) {
    // 找到按钮所在的单元格
    guard let cell = sender.superview?.superview as? YourCollectionViewCell else { return }
    guard let indexPath = collectionView.indexPath(for: cell) else { return }
    
    // 更新数据源的选中状态
    var currentItem = items[indexPath.item]
    currentItem.isSelected.toggle()
    items[indexPath.item] = currentItem
    
    // 只刷新当前单元格，避免复用干扰
    collectionView.reloadItems(at: [indexPath])
}

如果是单选需求（只能选一个单元格） #

如果需要实现单选，点击时要先取消之前选中的条目，再设置当前条目为选中：

@objc func onToggleBtnTap(_ sender: UIButton) {
    guard let cell = sender.superview?.superview as? YourCollectionViewCell else { return }
    guard let indexPath = collectionView.indexPath(for: cell) else { return }
    
    // 1. 取消之前选中的条目
    if let selectedIndex = items.firstIndex(where: { $0.isSelected }) {
        items[selectedIndex].isSelected = false
        collectionView.reloadItems(at: [IndexPath(item: selectedIndex, section: 0)])
    }
    
    // 2. 设置当前条目为选中
    items[indexPath.item].isSelected = true
    collectionView.reloadItems(at: [indexPath])
}

为什么之前的方法不行？ #

1. 单元格复用：滚动时，新出现的单元格会复用之前的单元格实例，如果没从数据源读取状态，就会保留之前的选中状态。
2. NotificationCenter：广播通知会让所有单元格收到消息，数据量大时容易出现更新混乱，而且效率低下，完全没必要用这种方式。

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