UITableView滚动时复选标记重复、选中状态异常问题求助

你遇到的是UITableView单元格复用的典型问题——因为单元格会被循环利用，你没有用数据源来记录选中状态，而是依赖单元格的UI元素状态，导致滚动时状态错乱，同时选中数组的更新逻辑也放错了地方。下面一步步帮你修正：

1. 添加记录选中状态的数据源 #

首先在你的ViewController里声明一个数组，用来跟踪哪些设备被选中：

// 和userDeviceArray对应，保存选中的设备名称
var selectedDevices: [String] = []

2. 修正cellForRowAt方法：用数据源驱动UI状态 #

原来的代码没有根据选中状态设置按钮初始状态，还错误地在cell创建时判断按钮图片来添加元素。现在改成每次复用单元格时，从selectedDevices读取当前设备的选中状态，同步到按钮上：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tvSelectGroup.dequeueReusableCell(withIdentifier: "cellnewgroup")!
    let device = userDeviceArray[indexPath.row]
    
    cell.layer.cornerRadius = 10
    // 保留灵敏度滑块的原有逻辑
    if !arraySensitivity.isEmpty {
        cell.slider.value = Float(arraySensitivity[indexPath.row])
    }
    
    // 设置Label文本
    if let lbl = cell.contentView.viewWithTag(1) as? UILabel {
        lbl.text = device
        lbl.textColor = .white
    }
    
    // 设置复选按钮状态：根据数据源判断当前设备是否选中
    if let btnChk = cell.contentView.viewWithTag(2) as? UIButton {
        btnChk.tag = indexPath.row // 给按钮设置tag，方便点击时获取对应索引
        btnChk.addTarget(self, action: #selector(checkboxClicked(_:)), for: .touchUpInside)
        
        // 关键：用数据源状态控制按钮UI
        let isSelected = selectedDevices.contains(device)
        btnChk.isSelected = isSelected
        // 也可以直接切换图片，替换成你的未勾选图片名称
        btnChk.setImage(isSelected ? #imageLiteral(resourceName: "Checkmark") : #imageLiteral(resourceName: "Uncheck"), for: .normal)
    }
    
    print("arr: \(arr)")
    return cell
}

3. 修正按钮点击事件：更新数据源并同步UI #

原来的点击事件只切换了按钮的isSelected，没有更新数据源和选中数组arr。现在改成：

@objc func checkboxClicked(_ sender: UIButton) {
    let index = sender.tag
    let device = userDeviceArray[index]
    
    // 切换选中状态并同步数组
    if selectedDevices.contains(device) {
        // 已选中则移除
        selectedDevices.removeAll { $0 == device }
        arr.removeAll { $0 == device }
    } else {
        // 未选中则添加
        selectedDevices.append(device)
        arr.append(device)
    }
    
    // 刷新当前单元格，确保状态正确
    let indexPath = IndexPath(row: index, section: 0)
    tvSelectGroup.reloadRows(at: [indexPath], with: .automatic)
    
    print("当前选中设备：\(selectedDevices)")
    print("arr数组：\(arr)")
}

4. 移除无用的addDeviceInArray方法 #

原来的addDeviceInArray是在cell创建时调用的，会因为单元格复用重复触发，导致数组被错误修改。现在我们已经在点击事件里处理了数组更新，直接删除这个方法即可。

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

• 数据源驱动UI：所有选中状态都存在selectedDevices数组里，每次单元格复用都会从这里读取状态，保证滚动时UI和数据源一致。
• 点击事件同步数据源：点击按钮时先更新数据源，再刷新单元格，确保UI和数据完全同步。
• 脱离对单元格UI的依赖：不再通过按钮图片判断选中状态，从根源上避免了复用导致的状态错乱问题。

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