如何在UITableViewCell中创建信息按钮及编辑模式右侧编辑按钮

我来帮你解决这两个iOS开发中常见的UITableViewCell问题，下面分场景详细说明：

1. 如何在UITableViewCell中创建信息按钮？ #

有两种常用的实现方式，你可以根据需求选择：

• 方式一：自定义Cell添加按钮（更灵活）
  如果需要完全自定义按钮的样式和位置，可以在自定义Cell中直接添加UIButton，并绑定点击事件。示例代码如下：

class CustomInfoCell: UITableViewCell {
    // 定义闭包用于传递点击事件
    var onInfoButtonTapped: (() -> Void)?
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupInfoButton()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupInfoButton()
    }
    
    private func setupInfoButton() {
        // 创建系统样式的信息按钮，也可以用自定义图片
        let infoButton = UIButton(type: .infoLight)
        infoButton.addTarget(self, action: #selector(infoButtonDidTap), for: .touchUpInside)
        
        // 用AutoLayout约束按钮位置（推荐）
        infoButton.translatesAutoresizingMaskIntoConstraints = false
        contentView.addSubview(infoButton)
        
        NSLayoutConstraint.activate([
            infoButton.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16),
            infoButton.centerYAnchor.constraint(equalTo: contentView.centerYAnchor),
            infoButton.widthAnchor.constraint(equalToConstant: 30),
            infoButton.heightAnchor.constraint(equalToConstant: 30)
        ])
    }
    
    @objc private func infoButtonDidTap() {
        onInfoButtonTapped?()
    }
}

在ViewController的cellForRowAt方法中处理点击：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "CustomInfoCell", for: indexPath) as! CustomInfoCell
    cell.onInfoButtonTapped = {
        print("信息按钮被点击，行号：\(indexPath.row)")
        // 这里可以添加你的业务逻辑，比如弹出详情弹窗
    }
    return cell
}

• 方式二：利用系统自带的Accessory按钮（更简便）
  如果不需要自定义样式，可以直接设置Cell的accessoryType为.infoLight，然后通过UITableViewDelegate的方法响应点击：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "BasicCell", for: indexPath)
    cell.accessoryType = .infoLight
    return cell
}

// 响应系统accessory按钮的点击
func tableView(_ tableView: UITableView, accessoryButtonTappedForRowWith indexPath: IndexPath) {
    print("系统信息按钮被点击，行号：\(indexPath.row)")
}

2. 点击编辑按钮时，在UITableView左侧删除控件的右侧添加编辑内容的信息按钮 #

要实现这个效果，我们可以通过UITableViewDelegate的tableView(_:editActionsForRowAt:)方法自定义编辑模式下的操作按钮，这样除了左侧的删除按钮，右侧可以添加我们的编辑/信息按钮。示例代码如下：

首先，先开启编辑模式（比如通过导航栏的编辑按钮）：

@IBAction func toggleEditMode(_ sender: UIBarButtonItem) {
    tableView.setEditing(!tableView.isEditing, animated: true)
}

然后实现自定义编辑操作按钮：

func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? {
    // 1. 创建删除按钮（对应左侧的删除操作）
    let deleteAction = UITableViewRowAction(style: .destructive, title: "删除") { [weak self] (_, indexPath) in
        guard let self = self else { return }
        // 执行删除逻辑
        self.objects.remove(at: indexPath.row)
        self.tableView.deleteRows(at: [indexPath], with: .fade)
    }
    
    // 2. 创建编辑/信息按钮（显示在删除按钮的右侧）
    let editInfoAction = UITableViewRowAction(style: .normal, title: "编辑") { [weak self] (_, indexPath) in
        guard let self = self else { return }
        // 执行编辑内容的逻辑
        print("开始编辑行\(indexPath.row)的内容")
        // 可选：结束编辑模式
        // self.tableView.setEditing(false, animated: true)
    }
    editInfoAction.backgroundColor = .systemBlue // 设置按钮背景色
    
    // 注意：数组中第一个按钮显示在最右侧，第二个在左侧，所以要让编辑按钮在删除按钮右边，把它放在数组前面
    return [editInfoAction, deleteAction]
}

// 保留你原有的commit方法（如果需要处理系统默认的编辑样式）
override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
    if editingStyle == .delete {
        objects.remove(at: indexPath.row)
        tableView.deleteRows(at: [indexPath], with: .fade)
    } else if editingStyle == .insert {
        // 你的插入逻辑代码
    }
}

补充说明：如果需要更个性化的按钮样式（比如用图标代替文字），可以通过自定义UITableViewRowAction的背景图来实现，或者使用iOS 11+的UITableViewRowAction的image属性（需要iOS 13+支持直接设置image）。

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