您的位置:首页 > 移动开发 > Swift

基于Swift的iOS应用程序开发:使用表格显示并控制数据(二):删除表格中的数据

2017-07-18 11:27 671 查看
关于如何使用表格来显示多行数据,请参考以下文章:

基于Swift的iOS应用程序开发:使用表格显示并控制数据(一):显示数据

本编记录如何删除表格中的数据,先来看效果:







如果我们需要删除表格中的某一行数据,可以这么做:

1、允许表格可编辑

找到被xcode自动代码生成器所注释的以下方法,或者别去管注释,自己来写:
override func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {
return true
}
这个方法很简单地返回一个布尔值,如果是true的话,就代表允许用户编辑表格

2、设置每一行处于编辑状态下的左侧按钮的样式

找到被xcode自动代码生成器所注释的以下方法,或者自己编写:
override func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCellEditingStyle {
return UITableViewCellEditingStyle.delete
}
注意,UITableViewCellEditingStyle类提供了几种默认的按钮样式,查看一下这个枚举类型的源码:
public enum UITableViewCellEditingStyle : Int {

case none

case delete

case insert
}
可以看到一共有三种不同的样式

none:不显示任何按钮图形
delete:显示一个红色的删除按钮图形
insert:显示一个绿色的添加按钮图形

3、设置每一行侧滑之后出现在右侧的按钮文字

对于表格行的删除操作,为了避免误删,我们还必须处理一个“确认”的操作。当用户点击了每一行左侧的红色删除按钮后,该行会发生一个侧滑动作,并露出最右侧的确定按钮来。这个按钮的文字是可以自定义的,只要实现以下方法即可:
override func tableView(_ tableView: UITableView, titleForDeleteConfirmationButtonForRowAt indexPath: IndexPath) -> String? {
return "删除"
}


4、确认删除操作

实现以下方法,就能处理删除动作了:
override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
if editingStyle == .delete {
/*
*  先删除数组中对应的数据
*/
self.stringArr.remove(at: indexPath.row)

/*
*  删除一行表格
*/
tableView.deleteRows(at: [indexPath], with: .fade)
}
}
注意上述方法中的“self.stringArr.remove(at:indexPath.row)”这句,因为在本例中,显示在表格上的数据是来自一个数组的。所以在删除表格的一行之前,一定要先删除数组中的相应的数组才行,否则后台会报错

5、在界面上添加一个“开始编辑”的按钮

UITableViewController类本身带有一个按钮属性:self.editButtonItem,这个按钮一旦被按下,就会触发编辑表格的动作。所以我们需要在自己的界面上,把这个按钮放置在某个位置上。由于我在本例中使用了UINavigationController,所以我就把这个按钮放在顶部导航栏的右侧了:
override func viewDidLoad() {
super.viewDidLoad()

self.navigationItem.rightBarButtonItem = self.editButtonItem
self.navigationItem.rightBarButtonItem?.title = "开始编辑"
}


以上就是所有的删除操作的代码了,其实很简单,全部都是继承并实现UITableViewController已有的方法。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐