关于如何使用表格来显示多行数据,请参考以下文章:
基于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已有的方法。