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. @property (nonatomic, retain) UITableView *testTableView; 
  7. @property (nonatomic, retain) NSMutableArray *dataArray; 
  8. @end 
  9.   
  10. – (void)viewDidLoad { 
  11.     [super viewDidLoad]; 
  12.     dataArray = [[NSMutableArray alloc] initWithObjects:@”1″,@”2″,@”3″,@”4″,@”5″,nil]; 
  13.      
这里笔者定义了并实现了一个一维的可变数组.为什么要用可变数组呢?因为我们要删除里面的数据呀.
 
第二步,展示数据.
 
  1. – (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { 
  2.     // Return the number of sections. 
  3.     return 1; 
  4.   
  5.   
  6. – (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { 
  7.     // Return the number of rows in the section. 
  8.     return [dataArray count]; 
  9.   
  10.   
  11. // Customize the appearance of table view cells. 
  12. – (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 
  13.      
  14.     static NSString *CellIdentifier = @”Cell”; 
  15.      
  16.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; 
  17.     if (cell == nil) { 
  18.         cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease]; 
  19.     } 
  20.      
  21.     // Configure the cell… 
  22.     cell.textLabel.text = [dataArray objectAtIndex:indexPath.row]; 
  23.     return cell; 
通过实现上面三个代理方法向UITableView中添加了数据.

图1

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

 点Delete.

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

 

相关文章:

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

 

具体代码见附件

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

 
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s