如何使用手势创建 UITableView 编辑操作和 UITableViewRowAction 项的克隆以在表视图的单元格子视图上实现

问题描述

我正在创建一个 iPhone 应用程序，我的设计师创建了以下 UI 和 UX 来显示卡片和从列表中删除卡片。我想实现这一目标：

我所做的是将删除选项放在卡片视图后面，并在单元格的 ContentView 上添加平移手势并管理与滑动相关的事情。

但问题是它感觉不像默认的 UITableViewRowAction 项目那样。喜欢：

• 列出相互重叠的单元格上的滚动手势和平移手势。我希望它像默认的 UITableview 编辑样式动画和手势一样工作。
• 在滚动表格视图时，单元格应自动动画关闭/隐藏删除按钮。
• 如果一个单元格要滑动打开删除选项，那么另一个单元格应该关闭。

这是我的 Tableview Cell 类的代码：

class TableViewCell: UITableViewCell {
    var gestureViewCurrentCenter: CGPoint!
    let viewMaxSwipeXOffset: CGFloat = 150
    var isEditingOn: Bool = false {
        didSet { isEditingOn ? animateopen() : animateClose() }
    }
    
    @IBOutlet weak var behindDeleteBtnView: UIView!
    @IBOutlet weak var cardView: UIView! {
        didSet { gestureViewCurrentCenter = cardView.center }
    }
    
    lazy var panGesture: UIPanGestureRecognizer = {
        let panGesture = UIPanGestureRecognizer(target: self,action: #selector(self.swipingView(_:)) )
        panGesture.delegate = self
        return panGesture
    }()
    
    override func awakeFromNib() {
        super.awakeFromNib()
        self.contentView.addGestureRecognizer(panGesture)
        
        cardView.layer.cornerRadius = 5
        cardView.clipsToBounds = true
        cardView.backgroundColor = .green
        
        behindDeleteBtnView.clipsToBounds = true
        behindDeleteBtnView.layer.cornerRadius = 5
        behindDeleteBtnView.layer.borderWidth = 1
        behindDeleteBtnView.layer.borderColor = UIColor.darkGray.cgColor
    }

    @objc func swipingView(_ sender: UIPanGestureRecognizer) {
        let translation = sender.translation(in: cardView)
        switch sender.state {
        case .began:
            gestureViewCurrentCenter = cardView.center
        case .changed:
            // Value for new X and center
            let newX = gestureViewCurrentCenter.x + translation.x
            let newCenter = CGPoint(x: newX,y: gestureViewCurrentCenter.y)
            
            guard newX < (self.contentView.center.x)  else { return  }
            
            cardView.center = newCenter
            
        case .ended:
            let veLocity = sender.veLocity(in: contentView)
            isEditingOn = veLocity.x <= 0
        default: break
        }
    }
    
    private func animateopen() {
        UIView.animate(withDuration: 0.4,delay: 0,options: UIView.Animationoptions.curveEaSEOut) {
            self.cardView.center = .init(x: (self.contentView.center.x - self.viewMaxSwipeXOffset),y: self.cardView.center.y)
        }
    }
    private func animateClose() {
        UIView.animate(withDuration: 0.4,options: UIView.Animationoptions.curveEaSEOut) {
            self.cardView.center = self.contentView.center
        }
    }
    
    override func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer,shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        return true
    }
    
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）