iOS开发：Tableview滚动时选中按钮图片自动隐藏问题咨询

这个问题我太熟了——这是UITableView复用机制带来的经典坑！当cell滚出屏幕后，会被系统放进复用池，等需要显示新的cell时（比如滚动回来），系统会复用这个池子里的cell，而如果你把选中状态只存在cell的按钮里，复用后之前的状态就会被覆盖，导致看起来“消失”了。

解决的核心思路很简单：把选中状态存在数据源模型里，而不是cell本身，每次配置cell时从数据源取状态来更新UI。下面是具体的步骤和代码示例：

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

首先，在你用来填充TableView的数据模型里，加一个布尔值属性来保存该行的选中状态，默认设为false：

// 假设你的数据模型叫ListItem，根据实际情况修改
struct ListItem {
    let title: String
    var isSelected: Bool = false // 保存选中状态
    // 其他你需要的属性，比如控制展开折叠的isExpanded等
}

2. 给Cell添加配置方法和点击回调 #

在自定义的TableViewCell里，添加一个配置方法，用来根据模型数据设置UI；同时给按钮的点击事件添加回调，把选中状态的变化传递给ViewController：

class CustomTableViewCell: UITableViewCell {
    @IBOutlet weak var checkButton: UIButton!
    // 用闭包传递点击事件
    var onCheckButtonTapped: ((Bool) -> Void)?

    @IBAction func checkButtonTapAction(_ sender: UIButton) {
        // 切换按钮的选中状态
        sender.isSelected = !sender.isSelected
        // 把状态变化通过闭包传出去
        onCheckButtonTapped?(sender.isSelected)
    }

    // 根据模型配置Cell
    func configure(with item: ListItem) {
        // 从模型取选中状态来设置按钮
        checkButton.isSelected = item.isSelected
        // 配置其他UI，比如标题文本等
        textLabel?.text = item.title
    }
}

3. 在ViewController中处理状态更新和Cell配置 #

在ViewController的cellForRowAt方法里，给Cell设置模型数据，同时处理按钮点击后的状态更新——更新数据源模型，然后刷新对应的Cell（不要刷新整个TableView，避免不必要的性能消耗和UI跳动）：

class ViewController: UITableViewController {
    // 你的数据源数组
    var dataSource: [ListItem] = []

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "CustomCell", for: indexPath) as! CustomTableViewCell
        let currentItem = dataSource[indexPath.row]
        
        // 配置Cell
        cell.configure(with: currentItem)
        
        // 处理按钮点击事件
        cell.onCheckButtonTapped = { [weak self] isSelected in
            guard let self = self else { return }
            // 更新数据源里的选中状态
            self.dataSource[indexPath.row].isSelected = isSelected
            // 只刷新当前选中的Cell
            tableView.reloadRows(at: [indexPath], with: .none)
        }
        
        return cell
    }

    // 其他TableView代理方法，比如处理展开折叠的逻辑，确保数据源和索引对应正确
}

额外注意点 #

• 如果你的TableView有展开折叠功能，要确保展开/折叠操作后，数据源的索引和TableView的行索引是对应的，避免刷新Cell时索引错误。
• 不要直接在Cell里修改数据源，通过闭包或代理把事件传递给ViewController来处理，符合MVC的设计模式。

这样处理后，不管怎么滚动TableView，Cell的选中状态都会从数据源里读取，再也不会出现滚动后状态丢失的问题了！

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