UITableView中的各种小用法

1、标记行

 

这里讲的标记行指的是单击此行，可以实现在此行右边出现一个勾，如下图所示：

为了实现标记功能，在ViewController.m中@end之前添加代码：

[cpp] view plain copy print ?

1. #pragma mark -   
2. #pragma mark Table Delegate Methods   
3. - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {   
4.     UITableViewCell *oneCell = [tableView cellForRowAtIndexPath: indexPath];  
5.     if (oneCell.accessoryType == UITableViewCellAccessoryNone) {  
6.         oneCell.accessoryType = UITableViewCellAccessoryCheckmark;  
7.     } else   
8.         oneCell.accessoryType = UITableViewCellAccessoryNone;  
9.     [tableView deselectRowAtIndexPath:indexPath animated:YES];   
10. }  

#pragma mark -
#pragma mark Table Delegate Methods
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { 
    UITableViewCell *oneCell = [tableView cellForRowAtIndexPath: indexPath];
    if (oneCell.accessoryType == UITableViewCellAccessoryNone) {
        oneCell.accessoryType = UITableViewCellAccessoryCheckmark;
    } else 
        oneCell.accessoryType = UITableViewCellAccessoryNone;
    [tableView deselectRowAtIndexPath:indexPath animated:YES]; 
}

该代码实现：单击某行时，若此行未被标记，则标记此行；若此行已经被标记，则取消标记。

运行效果如上图。

上面的代码实际上就是修改某行的accessoryType属性，这个属性可以设为四个常量：

UITableViewCellAccessoryCheckmark
UITableViewCellAccessoryDetailDisclosureButton
UITableViewCellAccessoryDisclosureIndicator
UITableViewCellAccessoryNone

       

   UITableViewCellAccessoryCheckmark                   UITableViewCellAccessoryDetailDisclosureButton

            

     UITableViewCellAccessoryDisclosureIndicator           UITableViewCellAccessoryNone

2、移动行

 

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

 

2.1 打开ViewController.xib，将其中的表格控件映射成Outlet到ViewController.h，名称为myTableView。

2.2 打开ViewController.m，在viewDidLoad方法最后添加代码：

[cpp] view plain copy print ?

1. //启动表格的编辑模式   
2. [self.myTableView setEditing:YES animated:YES];  

//启动表格的编辑模式
[self.myTableView setEditing:YES animated:YES];

2.3 在@end之前添加代码：

[cpp] view plain copy print ?

1. //打开编辑模式后，默认情况下每行左边会出现红的删除按钮，这个方法就是关闭这些按钮的   
2. - (UITableViewCellEditingStyle)tableView:(UITableView *)tableView  
3.            editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {   
4.     return UITableViewCellEditingStyleNone;   
5. }   
6.   
7. //这个方法用来告诉表格 这一行是否可以移动   
8. - (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath {   
9.     return YES;   
10. }  
11.   
12. //这个方法就是执行移动操作的   
13. - (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)  
14.         sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath {  
15.     NSUInteger fromRow = [sourceIndexPath row];   
16.     NSUInteger toRow = [destinationIndexPath row];   
17.       
18.     id object = [list objectAtIndex:fromRow];   
19.     [list removeObjectAtIndex:fromRow];   
20.     [list insertObject:object atIndex:toRow];   
21. }  

//打开编辑模式后，默认情况下每行左边会出现红的删除按钮，这个方法就是关闭这些按钮的
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView
           editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath { 
    return UITableViewCellEditingStyleNone; 
} 

//这个方法用来告诉表格 这一行是否可以移动
- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath { 
    return YES; 
}

//这个方法就是执行移动操作的
- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)
        sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath {
    NSUInteger fromRow = [sourceIndexPath row]; 
    NSUInteger toRow = [destinationIndexPath row]; 
    
    id object = [list objectAtIndex:fromRow]; 
    [list removeObjectAtIndex:fromRow]; 
    [list insertObject:object atIndex:toRow]; 
}

editingStyleForRowAtIndexPath这个方法中用到了常量UITableViewCellEditingStyleNone，它表示不可编辑，这里的编辑指的是删除和插入。表示表格行的编辑模式的常量有：

[cpp] view plain copy print ?

1. UITableViewCellEditingStyleDelete  
2. UITableViewCellEditingStyleInsert  
3. UITableViewCellEditingStyleNone  

UITableViewCellEditingStyleDelete
UITableViewCellEditingStyleInsert
UITableViewCellEditingStyleNone

顾名思义，第一个表示删除，第二个表示插入，第三个表示不可编辑。

若将editingStyleForRowAtIndexPath方法中的UITableViewCellEditingStyleNone依次换成上面三个值，则它们运行的效果依次如下图所示：

2.4 运行，从下图可以看到实现了行的移动：

但是也会发现，现在无法对每行进行标记了。这说明，在编辑模式下，无法选择行，从而didSelectRowAtIndexPath这个方法不会执行。

3、删除行

 

从第2步过来，实现删除某行，其实比较简单了。

3.1将editingStyleForRowAtIndexPath方法中的UITableViewCellEditingStyleNone修改成UITableViewCellEditingStyleDelete。

3.2 在@end之前添加代码：

[cpp] view plain copy print ?

1. //这个方法根据参数editingStyle是UITableViewCellEditingStyleDelete   
2. //还是UITableViewCellEditingStyleDelete执行删除或者插入   
3. - (void)tableView:(UITableView *)tableView commitEditingStyle:  
4.     (UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {  
5.     if (editingStyle == UITableViewCellEditingStyleDelete) {  
6.         NSUInteger row = [indexPath row];   
7.         [self.list removeObjectAtIndex:row];   
8.         [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath]  
9.                          withRowAnimation:UITableViewRowAnimationAutomatic];   
10.     }  
11. }  

//这个方法根据参数editingStyle是UITableViewCellEditingStyleDelete
//还是UITableViewCellEditingStyleDelete执行删除或者插入
- (void)tableView:(UITableView *)tableView commitEditingStyle:
    (UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
    if (editingStyle == UITableViewCellEditingStyleDelete) {
        NSUInteger row = [indexPath row]; 
        [self.list removeObjectAtIndex:row]; 
        [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath]
                         withRowAnimation:UITableViewRowAnimationAutomatic]; 
    }
}

在这个方法中又出现了一个常量：UITableViewRowAnimationAutomatic，它表示删除时的效果，类似的常量还有：

[cpp] view plain copy print ?

1. UITableViewRowAnimationAutomatic  
2. UITableViewRowAnimationTop  
3. UITableViewRowAnimationBottom  
4. UITableViewRowAnimationLeft  
5. UITableViewRowAnimationRight  
6. UITableViewRowAnimationMiddle  
7. UITableViewRowAnimationFade  
8. UITableViewRowAnimationNone  

UITableViewRowAnimationAutomatic
UITableViewRowAnimationTop
UITableViewRowAnimationBottom
UITableViewRowAnimationLeft
UITableViewRowAnimationRight
UITableViewRowAnimationMiddle
UITableViewRowAnimationFade
UITableViewRowAnimationNone

它们的效果就不一一介绍了，可以在实际使用时试试。

刚运行时显示如左边的图片，点击某一行左边的圆圈图标，会显示如中间图片所示。然后点击Delegate按钮，那一行就会被删除掉，如右边的那张图片所示，它显示的是删除时的效果。

4、插入行

 

这个与删除行类似。

4.1 首先将editingStyleForRowAtIndexPath方法中的UITableViewCellEditingStyleDelete修改成UITableViewCellEditingStyleInsert。

4.2在3.2添加的方法中添加代码：

[cpp] view plain copy print ?

1. else {  
2.     //我们实现的是在所选行的位置插入一行，因此直接使用了参数indexPath   
3.     NSArray *insertIndexPaths = [NSArray arrayWithObjects:indexPath,nil];  
4.     //同样，将数据加到list中，用的row   
5.     [self.list insertObject:@"新添加的行" atIndex:row];  
6.     [tableView insertRowsAtIndexPaths:insertIndexPaths withRowAnimation:UITableViewRowAnimationRight];  
7. }  

else {
    //我们实现的是在所选行的位置插入一行，因此直接使用了参数indexPath
    NSArray *insertIndexPaths = [NSArray arrayWithObjects:indexPath,nil];
    //同样，将数据加到list中，用的row
    [self.list insertObject:@"新添加的行" atIndex:row];
    [tableView insertRowsAtIndexPaths:insertIndexPaths withRowAnimation:UITableViewRowAnimationRight];
}

上面的代码中也可以不用insertRowsAtIndexPaths方法，而直接使用[tableView reloadData];语句，但是这样就没有添加的效果了。

4.3 好了，运行一下：

刚运行时如上面左图所示，单击了某个加号后，新的一行就从右边飞进来了，因为在insertRowsAtIndexPaths中用了参数UITableViewRowAnimationRight。

转自：http://justcoding.iteye.com/blog/1485768