修改UITableViewCell内点赞按钮颜色时点击单个全部变红如何解决

问题根因 #

• 你在cellForRowAt中的判断逻辑仅校验了clickedLike变量是否存在，没有对比当前正在渲染的cell对应的indexPath和点击的clickedLike是否匹配，只要有任意一次点赞操作触发，所有cell都会执行变红的逻辑。
• 没有给未点赞的cell添加状态重置分支，UITableView的cell存在复用机制，滚动时旧cell的状态会被带到新渲染的cell上，进一步导致状态混乱。
• 用单个clickedLike变量存储点赞状态的方案不合理，只能记录最后一次点击的位置，无法支持多帖子同时点赞的通用场景，点赞状态应该和帖子数据源绑定。

最优修复方案（推荐） #

建议将点赞状态绑定到你的帖子数据模型中，从数据层驱动UI渲染，避免状态和视图混乱：

1. 首先修改你的帖子模型，新增isLiked字段记录单条帖子的点赞状态：

struct Post {
    // 保留原有其他属性，如帖子内容、发布者信息等
    var likeCount: Int
    var isLiked: Bool // 新增点赞状态字段
}
// 你的数据源数组，存储所有帖子
var postList: [Post] = []

2. 修改点赞点击事件逻辑，直接修改数据源状态后局部刷新对应cell：

func didTapLike(_ sender: UIButton) {
    guard let indexPath = getCurrentCellIndexPath(sender) else { return }
    // 切换对应帖子的点赞状态
    postList[indexPath.row].isLiked.toggle()
    // 同步修改点赞数
    postList[indexPath.row].likeCount += postList[indexPath.row].isLiked ? 1 : -1
    // 局部刷新对应cell，性能优于全局刷新
    tableView.reloadRows(at: [indexPath], with: .none)
}

3. 重构cellForRowAt逻辑，根据当前帖子的状态渲染UI，同时增加状态重置分支：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    guard indexPath.section == 0 else {
        return UITableViewCell()
    }
    let cell = tableView.dequeueReusableCell(withIdentifier: "postCell", for: indexPath) as! PostTableViewCell
    let currentPost = postList[indexPath.row]
    if currentPost.isLiked {
        cell.HeartButton.setImage(UIImage(systemName: "heart.fill"), for: .normal)
        cell.HeartButton.tintColor = .red
        cell.LikeCount.textColor = .red
    } else {
        // 重置未点赞状态，解决cell复用导致的混乱
        cell.HeartButton.setImage(UIImage(systemName: "heart"), for: .normal)
        cell.HeartButton.tintColor = .systemGray
        cell.LikeCount.textColor = .systemGray
    }
    cell.LikeCount.text = "\(currentPost.likeCount)"
    return cell
}

临时修复方案（仅支持单选点赞场景） #

如果你只需要实现单次选中点赞的效果（点击新的帖子会取消上一个的点赞状态），可以直接修改原有逻辑，增加indexPath匹配判断和状态重置：

func didTapLike(_ sender: UIButton) {
    guard let indexPath = getCurrentCellIndexPath(sender) else { return }
    clickedLike = indexPath
    tableView.reloadData()
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    guard indexPath.section == 0 else {
        return UITableViewCell()
    }
    let cell = tableView.dequeueReusableCell(withIdentifier: "postCell", for: indexPath) as! PostTableViewCell
    // 新增indexPath匹配判断
    if let clickedLike = clickedLike, clickedLike == indexPath {
        cell.HeartButton.setImage(UIImage(systemName: "heart.fill"), for: .normal)
        cell.HeartButton.tintColor = .red
        cell.LikeCount.textColor = .red
    } else {
        // 重置状态
        cell.HeartButton.setImage(UIImage(systemName: "heart"), for: .normal)
        cell.HeartButton.tintColor = .systemGray
        cell.LikeCount.textColor = .systemGray
    }
    return cell
}

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