自定义Table Cell中调整leading/trailingSwipeActions的高度

这个问题我做项目时也碰到过——默认的滑动操作背景会填满整个TableViewCell的高度，和我们Card View的布局完全不搭。针对Swift 4 + iOS 11+的场景，我给你两个实用的实现思路，都能完美适配动态行高：

方法一：基于Card View的Frame动态调整背景 #

这种方法适合Card View上下间距不固定的情况，直接读取Card View的实际高度来做适配：

1. 在自定义TableCell中暴露Card View #

先让你的自定义Cell类允许外部访问到Card View：

class CustomCardTableCell: UITableViewCell {
    @IBOutlet weak var cardView: UIView!
    // 其他文本控件、约束等...
}

2. 自定义滑动操作的背景View #

在TableView所在的ViewController里，实现trailingSwipeActionsConfigurationForRowAt方法，给滑动操作设置自定义背景，让它和Card View高度、位置完全对齐：

func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
    guard let cell = tableView.cellForRow(at: indexPath) as? CustomCardTableCell else {
        return nil
    }
    
    // 创建删除操作（你可以换成编辑、收藏等其他操作）
    let deleteAction = UIContextualAction(style: .destructive, title: "删除") { [weak self] (action, view, completion) in
        // 这里写你的操作逻辑，比如删除数据、刷新列表
        completion(true)
    }
    
    // 自定义背景View，匹配Card View的尺寸
    let backgroundView = UIView()
    backgroundView.backgroundColor = .systemRed // 设置你想要的背景色
    let cardFrame = cell.cardView.frame
    // 让背景View和Card View同高，垂直居中
    backgroundView.frame = CGRect(
        x: 0,
        y: cardFrame.origin.y,
        width: view.bounds.width,
        height: cardFrame.height
    )
    // 如果你的Card View有圆角，记得同步设置，保持样式统一
    backgroundView.layer.cornerRadius = cell.cardView.layer.cornerRadius
    backgroundView.clipsToBounds = true
    
    deleteAction.backgroundView = backgroundView
    
    return UISwipeActionsConfiguration(actions: [deleteAction])
}

方法二：基于固定间距约束计算（更稳定） #

如果你的Card View在Cell中是通过上下固定间距的Auto Layout约束布局的（比如上下各留10pt空白），用这种方法更稳定，不需要依赖Card View的frame：

1. 确认Cell的约束 #

假设你的Card View在Cell中设置了top = 10、bottom = 10的约束，我们直接用这个间距值计算背景尺寸：

2. 调整滑动背景的Frame #

同样在trailingSwipeActionsConfigurationForRowAt方法中实现：

func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
    guard let cell = tableView.cellForRow(at: indexPath) as? CustomCardTableCell else {
        return nil
    }
    
    let padding: CGFloat = 10 // 和你Cell中Card View的上下间距保持一致
    let deleteAction = UIContextualAction(style: .destructive, title: "删除") { [weak self] (action, view, completion) in
        // 处理操作逻辑
        completion(true)
    }
    
    let backgroundView = UIView()
    backgroundView.backgroundColor = .systemRed
    // 根据Cell高度和间距计算背景View的尺寸
    let backgroundHeight = cell.bounds.height - 2 * padding
    backgroundView.frame = CGRect(
        x: 0,
        y: padding,
        width: view.bounds.width,
        height: backgroundHeight
    )
    backgroundView.layer.cornerRadius = cell.cardView.layer.cornerRadius
    backgroundView.clipsToBounds = true
    
    deleteAction.backgroundView = backgroundView
    
    return UISwipeActionsConfiguration(actions: [deleteAction])
}

额外注意点 #

• 确保Cell完成布局：如果遇到Card View frame不准确的情况，可以在Cell的layoutSubviews方法中提前记录Card View的高度，再供外部读取：

class CustomCardTableCell: UITableViewCell {
    @IBOutlet weak var cardView: UIView!
    var cardHeight: CGFloat = 0
    
    override func layoutSubviews() {
        super.layoutSubviews()
        cardHeight = cardView.frame.height
    }
}

之后在ViewController中用cell.cardHeight代替cell.cardView.frame.height即可。

• 兼容低版本iOS：如果需要支持iOS 10及以下，可以用tableView(_:editActionsForRowAt:)方法，自定义UITableViewRowAction的背景，核心思路和上面一致——给action设置自定义背景View并调整frame。

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