无需触摸即可轻扫UITableViewCell [英] Swipe UITableViewCell without touch
问题描述
正如我的标题所说,我想从左到右滑动第一行 UITableView
当用户来到 ViewController
。
As my title saying I want to swipe first row of UITableView
left to right when user will come on that ViewController
.
在我的 ViewController
我有一个 UITableView
,每行有两个按钮更多和删除动作。看下面的代码
In my ViewController
I have one UITableView
, each row have two button "More" and "Delete" action. Look at below code
func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {
return true
}
func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
if (editingStyle == UITableViewCellEditingStyle.delete) {
}
}
func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? {
let deleteButton = UITableViewRowAction(style: .normal, title: "Delete") { action, index in
// Edit Button Action
}
deleteButton.backgroundColor = UIColor.red
let editButton = UITableViewRowAction(style: .normal, title: "Edit") { action, index in
// Delete Button Action
}
editButton.backgroundColor = UIColor.lightGray
return [deleteButton, editButton]
}
一切都很好。但是我希望当最终用户第一次来到这个 ViewController
时,他们会通知可以进行滑动操作,以便他们执行它。
All is working good. But I want when end-user comes on this ViewController
at first time so they will notify that there is swipe action available so they will perform it.
问题是:如何在第一行自动向左和向右滑动?
我做了什么?
override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)
let cell = posTblView.cellForRow(at: NSIndexPath(row: 0, section: 0) as IndexPath) as! POSUserTabelCell
UIView.animate(withDuration: 0.3, animations: {
cell.transform = CGAffineTransform.identity.translatedBy(x: -150, y: 0)
}) { (finished) in
UIView.animateKeyframes(withDuration: 0.3, delay: 0.25, options: [], animations: {
cell.transform = CGAffineTransform.identity
}, completion: { (finished) in
})
}
}
通过上面的代码滑动/移动单元格正在工作,但没有显示删除和更多按钮。
By above code swipe/moving cell is working but not display "Delete" and "More" button.
所以请指导我正确的方向。
So please guide me on right direction.
推荐答案
我找到了一种方法来实现它。
I found one way to achieve it.
override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)
if arrStudent.count > 0 {
let indexPath = NSIndexPath(row: 0, section: 0)
let cell = tblStudent.cellForRow(at: indexPath as IndexPath);
let swipeView = UIView()
swipeView.frame = CGRect(x: cell!.bounds.size.width, y: 0, width: 170, height: cell!.bounds.size.height)
swipeView.backgroundColor = .clear
let swipeEditLabel: UILabel = UILabel.init(frame: CGRect(x: 0, y: 0, width: 80, height: cell!.bounds.size.height))
swipeEditLabel.text = "Edit";
swipeEditLabel.textAlignment = .center
swipeEditLabel.font = UIFont.systemFont(ofSize: 19)
swipeEditLabel.backgroundColor = UIColor(red: 180/255, green: 180/255, blue: 180/255, alpha: 1) // Light Gray: Change color as you want
swipeEditLabel.textColor = UIColor.white
swipeView.addSubview(swipeEditLabel)
let swipeDeleteLabel: UILabel = UILabel.init(frame: CGRect(x: swipeEditLabel.frame.size.width, y: 0, width: 90, height: cell!.bounds.size.height))
swipeDeleteLabel.text = "Delete";
swipeDeleteLabel.textAlignment = .center
swipeDeleteLabel.font = UIFont.systemFont(ofSize: 19)
swipeDeleteLabel.backgroundColor = UIColor(red: 255/255, green: 41/255, blue: 53/255, alpha: 1) // Red color: Change color as you want
swipeDeleteLabel.textColor = UIColor.white
swipeView.addSubview(swipeDeleteLabel)
cell!.addSubview(swipeView)
UIView.animate(withDuration: 0.60, animations: {
cell!.frame = CGRect(x: cell!.frame.origin.x - 170, y: cell!.frame.origin.y, width: cell!.bounds.size.width + 170, height: cell!.bounds.size.height)
}) { (finished) in
UIView.animate(withDuration: 0.60, animations: {
cell!.frame = CGRect(x: cell!.frame.origin.x + 170, y: cell!.frame.origin.y, width: cell!.bounds.size.width - 170, height: cell!.bounds.size.height)
}, completion: { (finished) in
for subview in swipeView.subviews {
subview.removeFromSuperview()
}
swipeView.removeFromSuperview()
})
}
}
}
添加自定义 UIView
在单元格的末尾并在动画完成后将其删除。
Add custom UIView
at end of cell and remove it after animation is done.
- 您可以根据需要设置自定义视图的框架
- 根据需要添加带有背景颜色和标题的标签。
这里你应该不是每次都写代码在 viewDidAppear
中调用此代码,只应调用一次,仅用户指示。
Here you should write code for not every time call this code in viewDidAppear
it should be call once for only user indication.
这篇关于无需触摸即可轻扫UITableViewCell的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!