解决UITableView复用单元格中按钮状态混乱问题

这个问题的核心原因是UITableView的单元格复用机制：当单元格滚出屏幕时，会被回收到复用池中，新滚入屏幕的单元格会复用这个已存在的实例。你之前直接修改按钮的UI状态，但没有把这个状态和对应的数据模型绑定，导致复用的单元格带着之前修改过的状态显示，就出现了其他单元格按钮也被修改的情况。

下面是具体的解决方案，分三步走：

1. 给数据模型添加状态属性 #

首先，你需要在你的Release模型（也就是代码里的release对应的类）中新增一个布尔属性，用来记录当前条目是否已经被添加。比如：

class Release {
    var title: String
    var count: String
    var eventID: Int
    var isAdded: Bool = false // 新增：标记是否已添加
    
    // 你的其他初始化代码...
}

2. 修改按钮点击事件：更新模型状态而非直接修改UI #

在按钮点击方法中，不要直接修改按钮的样式，而是找到对应的模型，更新它的isAdded状态，然后刷新对应的单元格：

@objc func addinterestserver(_ sender: UIButton) {
    // 通过tag找到对应的模型
    guard let targetRelease = arrayOfRels.first(where: { $0.eventID == sender.tag }) else {
        return
    }
    // 更新模型状态
    targetRelease.isAdded = true
    // 找到模型对应的indexPath，刷新单个单元格（比刷新整个tableView性能更好）
    if let rowIndex = arrayOfRels.firstIndex(where: { $0.eventID == sender.tag }) {
        let indexPath = IndexPath(row: rowIndex, section: 0)
        tableView.reloadRows(at: [indexPath], with: .automatic)
    }
}

3. 在cellForRowAt中根据模型状态配置按钮 #

这一步是关键：每次复用单元格时，都要根据当前模型的isAdded状态来重新配置按钮的所有样式，包括未添加时的默认样式，不能只设置已添加的情况：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! SearchInterestsCustom
    let release = arrayOfRels[indexPath.row]
    
    // 基础内容配置
    cell.user.text = release.title
    cell.match.text = release.count + NSLocalizedString(" people added", comment: "")
    cell.addbutton.tag = release.eventID
    cell.addbutton.addTarget(self, action: #selector(SearchInterests.addinterestserver), for: .touchUpInside)
    cell.addbutton.layer.cornerRadius = 20
    
    // 根据模型状态配置按钮
    if release.isAdded {
        cell.addbutton.backgroundColor = UIColor.white
        cell.addbutton.setTitleColor(UIColor.black, for: .normal)
        cell.addbutton.setTitle(NSLocalizedString("Added", comment: ""), for: .normal)
        cell.addbutton.isEnabled = false
    } else {
        // 这里一定要设置未添加时的默认样式，替换成你原来的初始按钮样式
        cell.addbutton.backgroundColor = UIColor.blue // 示例颜色，改成你原来的背景色
        cell.addbutton.setTitleColor(UIColor.white, for: .normal)
        cell.addbutton.setTitle(NSLocalizedString("Add", comment: ""), for: .normal)
        cell.addbutton.isEnabled = true
    }
    
    return cell
}

额外注意点 #

• 永远不要依赖UI控件的状态来保存业务数据，一定要把状态存在数据模型里，UI只是模型的可视化表现。
• 刷新单个单元格比调用tableView.reloadData()更高效，尤其是数据量较大的时候。
• 确保在cellForRowAt中覆盖了按钮的所有状态（已添加/未添加），否则复用的单元格会残留之前的UI状态。

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