iPhone/iPad 开发: 可编辑的TableView

可编辑的TableView
在编写简单的导航控制器基础上，让TableView的条目是可编辑的。这里示例将实现对条目的排序，删除等类似。实现的效果：
[img]http://dl.iteye.com/upload/attachment/402075/19810dcf-450d-3be4-a6ff-89e58b78decf.png[/img]
在编写简单的导航控制器基础上做如下修改。

首先要将存储数据的NSArray改为NSMutableArray，因为前者是不可变的。在头文件中：

@interface RootViewController : UITableViewController <UITableViewDelegate,UITableViewDataSource>{
NSMutableArray *dataItems;

在m文件中：

dataItems= [[NSMutableArray alloc] initWithObjects:@"张三",@"李四",nil];


然后，增加导航条右侧的按钮。先写出点击按钮的函数：

-(IBAction)toggleMove{
[self.tableView setEditing:!self.tableView.editing animated:YES];
}

下面，声明按钮并关联上述函数：

- (void)viewDidLoad {
dataItems= [[NSMutableArray alloc] initWithObjects:@"张三",@"李四",nil];
self.navigationItem.rightBarButtonItem=[[UIBarButtonItem alloc] initWithTitle:@"移动"
style:UIBarButtonItemStyleBordered
target:self
action:@selector(toggleMove)];
[super viewDidLoad];
}

其实就是增加一句话。

添加有关显示风格等的函数：

-(UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath{
return UITableViewCellEditingStyleNone;
}

-(BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath{
return YES;
}

其中，后者（canMoveRowAtIndexPath）如果不写，将是删除而不是移动。

在原有生成表条目的函数中增加一句话，用于显示右侧的控件：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *CellIdentifier = @"Cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
cell.showsReorderControl=YES;
}

下面是最关键的函数，在移动表条目时回调的函数：

-(void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *) fromIndexPath
toIndexPath:(NSIndexPath *)toIndexPath{
id object=[[dataItems objectAtIndex:[fromIndexPath row]] retain];
[dataItems removeObjectAtIndex:[fromIndexPath row]];
[dataItems insertObject:object atIndex:[toIndexPath row]];
[object release];
}

这样就可以实现上述的效果了，不过会出现这样的警告日志：

2010-10-13 22:42:47.220 NavTest[77449:207] WARNING: Using legacy cell layout due to delegate implementation of tableView:accessoryTypeForRowWithIndexPath: in <RootViewController: 0x5c04150>. Please remove your implementation of this method and set the cell properties accessoryType and/or editingAccessoryType to move to the new cell layout behavior. This method will no longer be called in a future release.

因为accessoryTypeForRowWithIndexPath函数已经不建议使用了，要替换成：

// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *CellIdentifier = @"Cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
cell.showsReorderControl=YES;
cell.accessoryType=UITableViewCellAccessoryDetailDisclosureButton;
}
NSUInteger row=[indexPath row];
cell.textLabel.text=[dataItems objectAtIndex:row];

return cell;
}

同时删除tableView:accessoryTypeForRowWithIndexPath函数。这个问题不是编辑TableView时出现的