UITableViewCell复用导致UIButton标题错乱问题求助

嘿，这个cell复用导致的UI错乱问题我太熟了！咱们一步步来排查和解决：

核心问题分析 #

首先，你的代码里存在重复设置按钮标题的逻辑（cellForRowAt里设了一次，configureCell又设了一次），虽然看起来是同一个判断，但加上cell复用机制和可能的时序问题，很容易出现错乱。另外，prepareForReuse里只重置了按钮标题，却没清理contact属性，这会导致旧数据残留，干扰新的配置。

具体修复步骤 #

1. 统一UI配置入口，移除重复代码

把cellForRowAt里设置按钮标题的代码删掉，让configureCell成为唯一的UI配置入口，避免逻辑冲突：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! ContactCell
    let contact = myContacts[indexPath.row]
    cell.contact = contact
    cell.configureCell()
    return cell // 别忘了返回cell！你之前的代码漏了这一行，也是潜在问题
}

2. 完善prepareForReuse方法，彻底清理旧数据

除了重置按钮标题，还要把contact置为nil，确保复用的cell不会携带上一个item的旧数据：

override func prepareForReuse() {
    super.prepareForReuse()
    button.setTitle(nil, for: .normal)
    contact = nil // 关键！清理旧的contact引用
}

3. 给configureCell加空值判断，避免潜在崩溃（可选但推荐）

如果ContactCell里的contact是可选类型，一定要在configureCell里先判空，防止意外崩溃：

func configureCell() {
    guard let contact = contact else { 
        button.setTitle(nil, for: .normal)
        return 
    }
    button.setTitle(contact.isFBUser ? "Add" : "Invite", for: .normal)
    // 这里可以继续处理其他UI配置，比如姓名、头像等
}

4. 检查异步操作（如果有的话）

如果你的configureCell里有加载头像的异步任务（比如用photoUrl加载图片），一定要在prepareForReuse里取消这些任务！比如用URLSessionDataTask的话，要保留task引用，在复用的时候cancel：

class ContactCell: UITableViewCell {
    var contact: MyContact?
    var imageLoadTask: URLSessionDataTask? // 保存异步任务引用
    
    override func prepareForReuse() {
        super.prepareForReuse()
        button.setTitle(nil, for: .normal)
        contact = nil
        imageLoadTask?.cancel() // 取消未完成的图片加载任务
        imageLoadTask = nil
    }
    
    func configureCell() {
        guard let contact = contact else { return }
        button.setTitle(contact.isFBUser ? "Add" : "Invite", for: .normal)
        
        // 示例：异步加载头像
        imageLoadTask = URLSession.shared.dataTask(with: URL(string: contact.photoUrl)!) { [weak self] data, _, _ in
            guard let self = self, let data = data, let image = UIImage(data: data) else { return }
            DispatchQueue.main.async {
                // 只有当前cell的contact还是原来的那个，才更新头像（防止复用后旧任务覆盖新数据）
                if self.contact?.phone == contact.phone { 
                    self.avatarImageView.image = image
                }
            }
        }
        imageLoadTask?.resume()
    }
}

这样处理后，就能彻底解决滚动时按钮标题错乱的问题了——本质就是确保复用的cell在被重新配置前，完全清理了旧数据和旧任务，并且所有UI配置都基于最新的contact数据。

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