Swift：如何清除UITableView中行的背景颜色？

嘿，我来帮你搞定这个清除背景色的功能！先直接给你补全滑动操作里的清除按钮代码，然后再给你讲一个关键的注意事项，避免后续遇到cell复用的坑。

第一步：添加清除背景色的滑动操作 #

你可以在现有的editActionsForRowAt函数里，补充一个deselect的UITableViewRowAction，点击它就把对应行的背景色恢复为默认值：

func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? { 
    guard multipleActive else { return nil }
    
    // 已有的"Received"设置绿色背景的操作
    let select = UITableViewRowAction(style: .normal, title: "Received") { action, index in 
        print("Row Selected") 
        let cell = tableView.cellForRow(at: index) 
        cell?.backgroundColor = .green 
    } 
    select.backgroundColor = .green 

    // 新增的清除背景色操作
    let deselect = UITableViewRowAction(style: .destructive, title: "Clear") { action, index in
        print("Row Cleared")
        let cell = tableView.cellForRow(at: index)
        // 这里可以设为你需要的默认背景色，比如白色或者tableView的背景色
        cell?.backgroundColor = .white
    }
    deselect.backgroundColor = .red // 给清除按钮加个醒目的颜色

    return [select, deselect]
}

第二步：解决UITableView cell复用的关键问题 #

上面的代码虽然能直接生效，但有个隐藏的坑：UITableView的cell是复用的，如果你只是直接修改cell的背景色，当你滚动tableView时，被复用的cell会保留之前设置的背景色，导致显示混乱。

所以正确的做法是用数据模型来记录每一行的背景色状态，而不是直接修改cell。具体步骤如下：

1. 定义数据模型 #

首先创建一个模型结构体，用来存储每一行的状态：

struct RowData {
    var content: String // 你的行内容
    var isHighlighted: Bool = false // 标记是否需要显示绿色背景
}

2. 更新数据源 #

把你的tableView数据源改成这个模型的数组：

var tableData: [RowData] = [
    RowData(content: "第一行"),
    RowData(content: "第二行"),
    // ... 其他行数据
]

3. 在cellForRowAt中根据模型设置背景色 #

在创建cell的时候，根据模型的isHighlighted属性来设置背景色：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "YourCellID", for: indexPath)
    let row = tableData[indexPath.row]
    cell.textLabel?.text = row.content
    // 根据模型状态设置背景色
    cell.backgroundColor = row.isHighlighted ? .green : .white
    return cell
}

4. 修改滑动操作的逻辑 #

现在在滑动操作的闭包里，我们需要更新模型的状态，然后刷新对应行，而不是直接修改cell：

func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? { 
    guard multipleActive else { return nil }
    
    let select = UITableViewRowAction(style: .normal, title: "Received") { action, index in 
        print("Row Selected") 
        // 更新模型状态
        self.tableData[index.row].isHighlighted = true
        // 刷新该行，确保cell显示正确
        tableView.reloadRows(at: [index], with: .automatic)
    } 
    select.backgroundColor = .green 

    let deselect = UITableViewRowAction(style: .destructive, title: "Clear") { action, index in
        print("Row Cleared")
        // 更新模型状态为未高亮
        self.tableData[index.row].isHighlighted = false
        // 刷新该行
        tableView.reloadRows(at: [index], with: .automatic)
    }
    deselect.backgroundColor = .red 

    return [select, deselect]
}

这样处理后，不管怎么滚动tableView，每一行的背景色都会和数据模型的状态保持一致，不会出现复用导致的显示错误。

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