首页 > 代码库 > iOS UITableView划动删除的实现

iOS UITableView划动删除的实现

2024-07-05 08:44:07   224人阅读

标签：划动删除 iphone 滑动删除 ios UITableView
原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://rainbird.blog.51cto.com/211214/634587

 从七八月前对苹果一无所知,到现在手持iphone,ipad,itouch有三个线上成熟app并熟练开发ios应用.一路走来一直站在前辈的肩膀上不断进步.如今生活工作稳定是时候将一直以来的一些心得整理出来了.想来想去决定先说说UITableView.

对于app应用来说,使用列表的形式展现数据非UITableView莫属.在熟练掌握了用UITableView展示数据以后,是不是也遇到了需要删除数据的需求?是不是觉得在一行数据上划动一下,然后出现一个删除按钮很酷?废话少说,直奔正题,就由笔者来向您展示一下这个功能的实现是多么容易.
先前的准备工作:
第一步,准备好数据源.
 
  1. #import <UIKit/UIKit.h> 
  2.   
  3. @interface UITableCellSwapDeleteViewController : UIViewController <UITableViewDelegate>{ 
  4.     IBOutlet UITableView *testTableView; 
  5.     NSMutableArray *dataArray; 
  6. } 
  7. @property (nonatomic, retain) UITableView *testTableView; 
  8. @property (nonatomic, retain) NSMutableArray *dataArray; 
  9. @end 
  10.   
  11. - (void)viewDidLoad { 
  12.     [super viewDidLoad]; 
  13.     dataArray = [[NSMutableArray alloc] initWithObjects:@"1",@"2",@"3",@"4",@"5",nil]; 
  14.      
  15. } 
这里笔者定义了并实现了一个一维的可变数组.为什么要用可变数组呢?因为我们要删除里面的数据呀.
 
第二步,展示数据.
 
  1. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { 
  2.     // Return the number of sections. 
  3.     return 1; 
  4. } 
  5.   
  6.   
  7. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { 
  8.     // Return the number of rows in the section. 
  9.     return [dataArray count]; 
  10. } 
  11.   
  12.   
  13. // Customize the appearance of table view cells. 
  14. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 
  15.      
  16.     static NSString *CellIdentifier = @"Cell"; 
  17.      
  18.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; 
  19.     if (cell == nil) { 
  20.         cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease]; 
  21.     } 
  22.      
  23.     // Configure the cell... 
  24.     cell.textLabel.text = [dataArray objectAtIndex:indexPath.row]; 
  25.     return cell; 
  26. } 
通过实现上面三个代理方法向UITableView中添加了数据.

图1

 
通过上面两步就实现了数据展示工作,接下就实现关键的数据删除了.
 
 
  1. - (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath { 
  2.     return YES; 
  3. } 
  4.   
  5. - (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath { 
  6.   
  7.      if (editingStyle == UITableViewCellEditingStyleDelete) { 
  8.          [dataArray removeObjectAtIndex:indexPath.row]; 
  9.          // Delete the row from the data source. 
  10.          [testTableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationFade]; 
  11.           
  12.      }    
  13.      else if (editingStyle == UITableViewCellEditingStyleInsert) { 
  14.      // Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view. 
  15.      }    
  16.  } 
 启用上面两个代理,并增加数据删除操作:
[dataArray removeObjectAtIndex:indexPath.row];
 在一条数据上向右划动一下.

 点Delete.

 是不是就成功删除了一条数据呢?
 按理说故事讲到这里也就讲完了.但是笔者想延伸一下.注意看图二划动以后的"Delete",你有没有想把这个东东改掉的冲动呢?比如改成:下载?其实很简单,其实下面这个代理方法:
 
  1. - (NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath{ 
  2.         return @"下载"; 
  3. } 
再划动一下,是不是变了呢?

 

相关文章:

UITableView多选删除,类似mail中的多选删除效果

 

具体代码见附件

本文出自 “rainbird” 博客，请务必保留此出处http://rainbird.blog.51cto.com/211214/634587


联系
我们