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

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

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

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

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

iOS之美:如何删除表视图(UITableView)的一行? - 悠悠电台 - 悠悠电台
 
   表视图的单元格上,左右一滑,出现一个delete 按钮。 要想实现这个效果,并不难。只需要调用一个API即可。看看下面这几行代码吧:

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

{

}

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

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

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

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

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

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

 

@implementation SimpleTableViewController

{

NSMutableArray *tableData;

}

 

-(void)viewDidLoad

{

[superviewDidLoad];

// Initialize table data

tableData = [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。

左后滑动表视图中的某一行,你会看到一个红色的删除按钮。此时,点击这个删除按钮之后,所在的这一行,实实在在地被删除了。 如下图所示:

iOS之美:如何删除表视图(UITableView)的一行? - 悠悠电台 - 悠悠电台
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
iOS中,一个视图只能有一个UITableView。但是可以通过创建多个UITableView来实现一个视图中显示多个格的效果。以下是一个示例代码: 首先,你需要在视图控制器中添加多个UITableView的实例变量: ```swift class YourViewController: UIViewController { var tableView1: UITableView! var tableView2: UITableView! // ... } ``` 然后,在视图加载完成后,你可以创建和配置这些UITableView的实例: ```swift override func viewDidLoad() { super.viewDidLoad() // 创建第一个UITableView tableView1 = UITableView(frame: CGRect(x: 0, y: 0, width: view.frame.width, height: view.frame.height/2)) tableView1.dataSource = self tableView1.delegate = self view.addSubview(tableView1) // 创建第二个UITableView tableView2 = UITableView(frame: CGRect(x: 0, y: view.frame.height/2, width: view.frame.width, height: view.frame.height/2)) tableView2.dataSource = self tableView2.delegate = self view.addSubview(tableView2) // ... } ``` 接下来,你需要实现UITableViewDataSource和UITableViewDelegate协议的相关方法来提供格的数据和处理交互事件。例如: ```swift extension YourViewController: UITableViewDataSource { func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { if tableView == tableView1 { // 返回第一个UITableView的行数 return 10 } else if tableView == tableView2 { // 返回第二个UITableView的行数 return 5 } return 0 } func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) if tableView == tableView1 { // 配置第一个UITableView的单元格 cell.textLabel?.text = "Table View 1 - Row \(indexPath.row)" } else if tableView == tableView2 { // 配置第二个UITableView的单元格 cell.textLabel?.text = "Table View 2 - Row \(indexPath.row)" } return cell } } extension YourViewController: UITableViewDelegate { func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) { if tableView == tableView1 { // 处理第一个UITableView的行选中事件 print("Table View 1 - Row \(indexPath.row) selected") } else if tableView == tableView2 { // 处理第二个UITableView的行选中事件 print("Table View 2 - Row \(indexPath.row) selected") } } } ``` 这样,你就可以在同一个视图中使用多个UITableView了。记得在视图控制器中遵循UITableViewDataSource和UITableViewDelegate协议,并在视图加载完成后设置数据源和代理。 希望这能帮到你!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值