UITableViewCell点击UIButton区域时didSelectRowAt未触发，复选框图片不切换

我之前也碰到过一模一样的坑！核心原因其实很直白：UIButton作为可交互控件，会直接拦截触摸事件——当你点击按钮区域时，事件会被按钮自己“吃掉”，不会传递给cell，自然就触发不了tableView的didSelectRowAt方法。

下面给你两种实用的解决思路，按需选择：

思路1：直接给按钮绑定点击事件（推荐） #

既然按钮本身就是交互元素，不如直接给它加点击回调，在回调里处理复选框的状态切换，同时同步更新数据源。这样不管点按钮还是cell其他区域，逻辑都能统一。

步骤1：在自定义Cell中处理按钮点击 #

假设你有一个CustomCheckboxCell子类，代码可以这么写：

import UIKit

class CustomCheckboxCell: UITableViewCell {
    // 你的复选框按钮
    @IBOutlet weak var checkboxButton: UIButton!
    
    // 记录当前选中状态，自动同步按钮图片
    var isChecked: Bool = false {
        didSet {
            let checkboxImage = isChecked ? UIImage(named: "checked_box") : UIImage(named: "unchecked_box")
            checkboxButton.setImage(checkboxImage, for: .normal)
        }
    }
    
    // 用闭包把状态变化通知给ViewController
    var onCheckboxToggle: ((Bool) -> Void)?
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // 给按钮绑定点击事件
        checkboxButton.addTarget(self, action: #selector(checkboxTapped), for: .touchUpInside)
    }
    
    @objc private func checkboxTapped() {
        // 切换选中状态
        isChecked.toggle()
        // 通知外部更新数据源
        onCheckboxToggle?(isChecked)
    }
}

步骤2：在ViewController中同步数据源 #

在cellForRowAt里给cell的闭包赋值，同时处理cell非按钮区域的点击：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "CustomCheckboxCell", for: indexPath) as! CustomCheckboxCell
    // 初始化cell的选中状态
    cell.isChecked = yourDataArray[indexPath.row].isChecked
    
    // 绑定按钮点击的回调
    cell.onCheckboxToggle = { [weak self] isChecked in
        guard let self = self else { return }
        // 更新数据源
        self.yourDataArray[indexPath.row].isChecked = isChecked
    }
    
    return cell
}

// 处理cell非按钮区域的点击
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    // 切换数据源状态
    yourDataArray[indexPath.row].isChecked.toggle()
    // 刷新当前cell更新复选框
    tableView.reloadRows(at: [indexPath], with: .automatic)
    // 取消cell选中样式（按需）
    tableView.deselectRow(at: indexPath, animated: true)
}

思路2：让按钮不拦截事件（不推荐） #

如果你非要让按钮区域的点击也触发didSelectRowAt，可以把按钮的isUserInteractionEnabled设为false。但这样按钮就失去了独立交互能力，点击按钮和点击cell其他区域的逻辑完全一致，只适合不需要按钮单独做操作的场景。

在cell的awakeFromNib里加一行即可：

checkboxButton.isUserInteractionEnabled = false

这种方法灵活性很差，毕竟按钮本来就是用来交互的，还是思路1更符合控件设计的逻辑。

总结一下：别依赖cell的选中事件来处理按钮交互，直接给按钮绑定自己的点击回调，逻辑更清晰，还能完美解决事件被拦截的问题。

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