在 UITableViewCell 上滑动时如何配置阈值/距离

Question

我有可滑动的表格视图单元格。目的是让用户完全向左或向右滑动行（完全向外滑动），然后从表格中删除滑动的行（就像 Gmail 收件箱的工作方式一样）。一切正常，但我有一个问题。

func tableView(_ tableView: UITableView, leadingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
    let swipeRightAction = UIContextualAction(style: .destructive, title:  "", handler: { (ac:UIContextualAction, view:UIView, success:(Bool) -> Void) in
        let item = self.myItems[indexPath.row]
        self.swipeRight(item) //do something
        self.myItems.remove(at: indexPath.row)
        success(true)
    })

    return UISwipeActionsConfiguration(actions: [swipeRightAction])
 }

如何设置阈值/距离（用户必须滑动多少才能采取行动）？目前，用户必须在该行被刷出之前滑动一半。我可以更改这一点，让用户只需轻扫一点（比如 20% 的距离）即可扫出该行吗？

Answer 1

没有直接的配置方法。

解决方案

但你可以自己构建它：

• 将 UIPanGestureRecognizer 添加到表中
• 允许同时识别手势
• 当滑动结束时检查方向并计算平移的百分比
• 确定受影响的表行
• 删除它

代码

将单元格向左滑动 20%，导致删除一行，在代码中如下所示：

class ViewController: UITableViewController, UIGestureRecognizerDelegate {

    override func viewDidLoad() {
        super.viewDidLoad()
        ...
        let swipeGestureRecognizer = UIPanGestureRecognizer(target: self, action: #selector(onSwiped(_:)))
        swipeGestureRecognizer.delegate = self
        self.tableView.addGestureRecognizer(swipeGestureRecognizer)
    }

    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        return true
    }

    @objc private func onSwiped(_ gestureRecognizer: UIPanGestureRecognizer) {
        if gestureRecognizer.state == .ended {
            let translation = gestureRecognizer.translation(in: self.view)
            guard translation.x < 0 else { return }
            let width = self.tableView.bounds.width
            let percentage = -translation.x / width
            print("swiped left percentage:\(percentage)")
            if percentage > 0.2 {
                let location = gestureRecognizer.location(in: self.tableView)
                if let indexPath = self.tableView.indexPathForRow(at: location) {
                    print("delete row: \(indexPath.row)")
                    self.dataSource.remove(at: indexPath.row)
                    self.tableView.reloadData()
                }
            }
        }
    }

演示