UITableView中Cell的操做

这里主要讲UITableView 中的Cell的操做,包括标记、移动、删除、插入。数组

为了简单快捷,直接从原来那篇的代码开始,代码下载地址: http://download.csdn.net/detail/totogo2010/4361870

要进行数据的操做了,把代码里的不可变数组改为可变的:spa

NSArray *list -》NSMutableArray *list .net

一、标记Cell。

效果以下:blog

打开项目,rem

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath。get

添加代码it

  1. -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{  
  2. //    NSString *rowString = [self.list objectAtIndex:[indexPath row]];  
  3. //    UIAlertView * alter = [[UIAlertView alloc] initWithTitle:@" 选中的行信息" message:rowString delegate:self cancelButtonTitle:@"确 定" otherButtonTitles:nil, nil];  
  4. //    [alter show];  
  5.     UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];  
  6.     if (cell.accessoryType == UITableViewCellAccessoryNone) {  
  7.         cell.accessoryType = UITableViewCellAccessoryCheckmark;  
  8.     }else {  
  9.         cell.accessoryType = UITableViewCellAccessoryNone;  
  10.     }  
  11.     [tableView deselectRowAtIndexPath:indexPath animated:YES];  
  12. }  
标记分别有四种效果:

UITableViewCellAccessoryCheckmark
UITableViewCellAccessoryDetailDisclosureButton
UITableViewCellAccessoryDisclosureIndicator
UITableViewCellAccessoryNoneio

能够本身试试。table

二、删除Cell

想要实现移动或者删除行这样的操做,须要启动表格的编辑模式。使用的是setEditing:animated:方法。class

打开xib,生成Table的IBoutlet映射  tableView;

在viewDidload里添加

    [self.tableView setEditing:YES];

这是启动运行程序,

打开可编辑模式,默认状况显示删除的图标的。

实现删除的代码:

  1. - (void)tableView:(UITableView *)tableView commitEditingStyle:  
  2. (UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {  
  3.     NSUInteger row = [indexPath row];  
  4.     if (editingStyle == UITableViewCellEditingStyleDelete) {  
  5.         [self.list removeObjectAtIndex:row];   
  6.         [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath]  
  7.                          withRowAnimation:UITableViewRowAnimationAutomatic];   
  8.     }  
  9. }  

这个方法根据参数editingStyleUITableViewCellEditingStyleDelete

在这删除行的方法又出现了一个常量:UITableViewRowAnimationAutomatic,它表示删除时的效果,相似的常量还有:
UITableViewRowAnimationAutomatic
UITableViewRowAnimationTop
UITableViewRowAnimationBottom
UITableViewRowAnimationLeft
UITableViewRowAnimationRight
UITableViewRowAnimationMiddle
UITableViewRowAnimationFade
UITableViewRowAnimationNone

从常量名称打开能够看出效果来。

这是运行,就能够删除其中的一个Cell行了。

三、移动Cell

添加代码以下:

3.1先把默认的删除的图标去掉

  1. - (UITableViewCellEditingStyle)tableView:(UITableView *)tableView  
  2.            editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {   
  3.     return UITableViewCellEditingStyleInsert;   
  4. }   

3.2返回当前Cell是否能够移动

  1. - (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath {   
  2.     return YES;   
  3. }  
3.3执行移动操做
  1. - (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)  
  2. sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath {  
  3.     NSUInteger fromRow = [sourceIndexPath row];   
  4.     NSUInteger toRow = [destinationIndexPath row];   
  5.       
  6.     id object = [self.list objectAtIndex:fromRow];   
  7.     [self.list removeObjectAtIndex:fromRow];   
  8.     [self.list insertObject:object atIndex:toRow];   
  9. }  
运行程序:

怎么移动呢?不要觉得按住行的任何地方都能移动,要按住最左边的三道杠的图标才能拖动移动

四、插入cell:

4.1插入和删除差很少,在

- (void)tableView:(UITableView *)tableView commitEditingStyle:

(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath

添加UITableViewCellEditingStyleInsert判断

  1. - (void)tableView:(UITableView *)tableView commitEditingStyle:  
  2. (UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {  
  3.     NSUInteger row = [indexPath row];  
  4.     if (editingStyle == UITableViewCellEditingStyleDelete) {  
  5.         [self.list removeObjectAtIndex:row];   
  6.         [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath]  
  7.                          withRowAnimation:UITableViewRowAnimationAutomatic];   
  8.     }else if(editingStyle == UITableViewCellEditingStyleInsert ){  
  9.         NSArray *insertIndexPaths = [NSArray arrayWithObjects:indexPath,nil];  
  10.         [self.list insertObject:@"inset new Cell" atIndex:row];  
  11.         [tableView insertRowsAtIndexPaths:insertIndexPaths withRowAnimation:UITableViewRowAnimationMiddle];  
  12.     }  
  13. }  

4.2 修改图标为插入样式。
  1. - (UITableViewCellEditingStyle)tableView:(UITableView *)tableView  
  2.            editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {   
  3.     return UITableViewCellEditingStyleInsert;   
  4. }   
运行,点加号图标,


完成!

例子代码:http://download.csdn.net/detail/totogo2010/4398669

相关文章
相关标签/搜索