关于UITableView左侧勾选标记与右侧自定义accessoryView按钮的实现问询

我来帮你把这个需求的实现方案梳理得更完整清晰，结合你给出的代码片段，一步步来落地：

1. 先做好状态管理 #

首先得有个变量来记录哪些行处于选中状态，这样才能正确显示左侧的勾选标记：

// 用Set来存储选中的IndexPath，方便快速判断和修改
var selectedRows: Set<IndexPath> = []

2. 配置左侧的勾选标记 #

在tableView(_:cellForRowAt:)方法里，给cell的左侧设置勾选/未勾选的图标（这里假设你有对应的勾选图标资源，也可以用系统样式调整位置，自定义图片更灵活）：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "YourCellID", for: indexPath)
    
    // 设置左侧勾选标记
    let checkIcon = selectedRows.contains(indexPath) 
        ? UIImage(named: "checked-icon") 
        : UIImage(named: "unchecked-icon")
    cell.imageView?.image = checkIcon
    // 如果需要调整图标和文字的间距，可以设置cell的imageView.contentMode或者自定义cell
    
    // 后续还要配置右侧按钮，继续往下看
    return cell
}

3. 处理行选中/取消的勾选逻辑 #

在didSelectRowAt方法里更新选中状态，并刷新当前行的UI：

override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    // 先取消行的选中高亮（可选，根据你的需求调整）
    tableView.deselectRow(at: indexPath, animated: true)
    
    // 更新选中状态集合
    if selectedRows.contains(indexPath) {
        selectedRows.remove(indexPath)
    } else {
        selectedRows.insert(indexPath)
    }
    
    // 刷新当前行，让勾选标记同步更新
    tableView.reloadRows(at: [indexPath], with: .automatic)
}

4. 完善右侧自定义accessoryView按钮 #

结合你给出的代码，把按钮配置完整，还要解决点击时识别对应行的问题：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "YourCellID", for: indexPath)
    
    // 先处理左侧勾选标记（上面的代码）
    
    // 配置右侧自定义按钮
    let arrowButton = UIButton(type: .custom)
    // 设置按钮图片并着色
    if let originalImage = UIImage(named: "arrow-right-light.png")?.maskWithColor(color: .white) {
        arrowButton.setImage(originalImage, for: .normal)
    }
    arrowButton.sizeToFit()
    // 添加点击事件，注意方法要加@objc标记
    arrowButton.addTarget(self, action: #selector(arrowButtonTapped(_:)), for: .touchUpInside)
    // 给按钮绑定indexPath信息，这里用tag简单处理，如果是多section建议用关联对象
    arrowButton.tag = indexPath.row
    // 把按钮设为cell的accessoryView
    cell.accessoryView = arrowButton
    
    return cell
}

// 按钮点击事件处理
@objc func arrowButtonTapped(_ sender: UIButton) {
    let row = sender.tag
    let indexPath = IndexPath(row: row, section: 0)
    // 这里写你的按钮点击逻辑，比如跳转详情、弹出操作菜单等
    print("第\(row)行的右侧按钮被点击啦")
}

补充：maskWithColor方法的实现 #

如果你的项目里还没有这个给图片着色的扩展方法，这里提供一个常用的实现：

extension UIImage {
    func maskWithColor(color: UIColor) -> UIImage? {
        guard let maskImage = cgImage else { return nil }
        
        let width = size.width
        let height = size.height
        let bounds = CGRect(x: 0, y: 0, width: width, height: height)
        
        let colorSpace = CGColorSpaceCreateDeviceRGB()
        let bitmapInfo = CGBitmapInfo(rawValue: CGImageAlphaInfo.premultipliedLast.rawValue)
        guard let context = CGContext(data: nil, 
                                      width: Int(width), 
                                      height: Int(height), 
                                      bitsPerComponent: 8, 
                                      bytesPerRow: 0, 
                                      space: colorSpace, 
                                      bitmapInfo: bitmapInfo.rawValue) else {
            return nil
        }
        
        context.clip(to: bounds, mask: maskImage)
        context.setFillColor(color.cgColor)
        context.fill(bounds)
        
        return context.makeImage().flatMap { UIImage(cgImage: $0) }
    }
}

小提示 #

• 注意：确保你已经在Storyboard或者代码里注册了对应的cell identifier
• 如果是多section的表格，用tag存储row会有冲突，建议用objc_setAssociatedObject给按钮绑定完整的IndexPath
• 可以根据需求调整勾选标记的样式、按钮的大小和位置

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