1、标记行
这里讲的标记行指的是单击此行,可以实现在此行右边出现一个勾,如下图所示:
![](https://img-my.csdn.net/uploads/201205/13/1336916124_6054.jpg)
为了实现标记功能,在ViewController.m中@end之前添加代码:
- #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方法最后添加代码:
- //启动表格的编辑模式
- [self.myTableView setEditing:YES animated:YES];
- //打开编辑模式后,默认情况下每行左边会出现红的删除按钮,这个方法就是关闭这些按钮的
- - (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];
- }
- UITableViewCellEditingStyleDelete
- UITableViewCellEditingStyleInsert
- UITableViewCellEditingStyleNone
顾名思义,第一个表示删除,第二个表示插入,第三个表示不可编辑。
若将editingStyleForRowAtIndexPath方法中的UITableViewCellEditingStyleNone依次换成上面三个值,则它们运行的效果依次如下图所示:
2.4 运行,从下图可以看到实现了行的移动:
但是也会发现,现在无法对每行进行标记了。这说明,在编辑模式下,无法选择行,从而didSelectRowAtIndexPath这个方法不会执行。
3、删除行
从第2步过来,实现删除某行,其实比较简单了。
3.1将editingStyleForRowAtIndexPath方法中的UITableViewCellEditingStyleNone修改成UITableViewCellEditingStyleDelete。
3.2 在@end之前添加代码:
- //这个方法根据参数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
- UITableViewRowAnimationTop
- UITableViewRowAnimationBottom
- UITableViewRowAnimationLeft
- UITableViewRowAnimationRight
- UITableViewRowAnimationMiddle
- UITableViewRowAnimationFade
- UITableViewRowAnimationNone
刚运行时显示如左边的图片,点击某一行左边的圆圈图标,会显示如中间图片所示。然后点击Delegate按钮,那一行就会被删除掉,如右边的那张图片所示,它显示的是删除时的效果。
4、插入行
这个与删除行类似。
4.1 首先将editingStyleForRowAtIndexPath方法中的UITableViewCellEditingStyleDelete修改成UITableViewCellEditingStyleInsert。
4.2在3.2添加的方法中添加代码:
- else {
- //我们实现的是在所选行的位置插入一行,因此直接使用了参数indexPath
- NSArray *insertIndexPaths = [NSArray arrayWithObjects:indexPath,nil];
- //同样,将数据加到list中,用的row
- [self.list insertObject:@"新添加的行" atIndex:row];
- [tableView insertRowsAtIndexPaths:insertIndexPaths withRowAnimation:UITableViewRowAnimationRight];
- }
4.3 好了,运行一下:
刚运行时如上面左图所示,单击了某个加号后,新的一行就从右边飞进来了,因为在insertRowsAtIndexPaths中用了参数UITableViewRowAnimationRight。