如何解决如何使用手势创建 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 举报,一经查实,本站将立刻删除。