您的位置:首页 > 产品设计 > UI/UE

iOS之美:如何删除表视图(UITableView)的一行?

2014-11-06 21:53 316 查看
当你接触表视图(UITableView)时,或许你会不由自主地想到,如何删除表视图中的某一行呢? 这个问题看似复杂,其实实现起来比你想象的要简单。在我看来,iOS想得很周到,不仅考虑到了用户的体验,而且也照顾到了开发者的心声。

我们知道, UITableView 对象是一个View(视图),是用户可视界面,是负责UI展示的。 (包括字体大小和字体类型等)。不难理解,要想删除某一行,必须从表数据的源头来删除

还记得UITableViewDataSource 协议吧。 若不清楚,可参考API文档。其中有一个方法是 tableView:commitEditingStyle:forRowAtIndexPath。当用户在某一行上左右滑动时,如果表视图接收到这个方法,表视图将自动在该行的右侧显示一个红色的删除按钮。

在API 帮助文档中,找到 UITableViewDataSource 的使用说明。如下图所示。



表视图的单元格上,左右一滑,出现一个delete 按钮。 要想实现这个效果,并不难。只需要调用一个API即可。看看下面这几行代码吧:

-(void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath

{

}

即使该方法是空的,并没有执行任何操作,当你在某一行左右滑动时,仍然会出现一个删除的按钮。 运行下这个App,看看效果吧。



结果会让你有点儿失望吧。虽然出现了一个 Delete 按钮,但点击该按钮时,所在的行并没有真正地删除掉。这是怎么回事呢? 原来这只是一个表象,其中的奥秘在于,你并没有真实地删除数据。

接下来,我们来编写代码,删除实际的表数据。还记得indexPath 这个表视图中的重要参数吧。通过indexPath 参数,可以获取到将要删除的行号(row number)。找到行号,再表数组中删除相应的数据。

在该应用程序中,我们使用NSArray 数组来存放表数据。问题是NSArray 是一个静态的数组,一旦被初始化,程序在运行过程中,这些数据是不可编辑的。也就是说,在数组初始化之后,你无法增、删、改其中的内容。怎么办呢, Objective-C 是很智能的,自然早已为你解决了后顾之忧。 这里,我们隆重推出一个重要的数据类型,它就是NSMutableArray。 注意下Mutable 是共享的意思。

如果你不是特别理解NSMutableArray 的用法,我们再单独给出一个小实例。 为保持本教程的流畅性,我们继续往前行。

接下来,我们将使用NSMutableArray 代替NSArray,NSMutableArray 提供了一种方法,可以在数组中,增加或删除某个元素。

@implementation SimpleTableViewController{NSMutableArray *tableData;} -(void)viewDidLoad{[superviewDidLoad];// Initialize table datatableData = [NSMutableArray arrayWithObjects:@"Egg Benedict", @"Mushroom Risotto", @"Full Breakfast", @"Hamburger", @"Ham and Egg Sandwich", @"Creme Brelee", @"White Chocolate Donut", @"Starbucks Coffee", @"Vegetable Curry", @"Instant Noodle with Egg", @"Noodle with BBQ Pork", @"Japanese Noodle with Pork", @"Green Tea", @"Thai Shrimp Cake", @"Angry Birds Cake", @"Ham and Cheese Panini", nil];}在tableView:commitEditStyle方法中,添加如下代码,从数组中删除实际的数据。代码如下所示:-(void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{// Remove the row from data model[tableData removeObjectAtIndex:indexPath.row];}

NSMutableArray 提供了一些方法用来操作数组的内容。这里,我们使用removeObjectAtIndex 方法从数组中删除给定的某一项。你可以尝试运行App,并删除一行。悲催啊! App 没达到预期的效果。再分析下,发现这并不是bug。App 确实从数组中删除了该数据项。为什么已删除的数据项仍然出现在视图呢?原因是虽然数据发生了变化,但视图并没有刷新,从而无法实时地反映出数据的变化。
如何刷新表视图
一旦删除了表数据,我们就得调用reloadData方法,来刷新表视图。更新后的代码如下: -(void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{// Remove the row from data model[tableData removeObjectAtIndex:indexPath.row];// Request table view to reload[tableView reloadData];}
保存好代码,再次运行你的App。左后滑动表视图中的某一行,你会看到一个红色的删除按钮。此时,点击这个删除按钮之后,所在的这一行,实实在在地被删除了。 如下图所示:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: