三十而立，从零开始学ios开发（十五）：Navigation Controllers and Table Views（中）...

这篇内容我们继续上一篇的例子接着做下去，为其再添加3个table view的例子，有了之前的基础，学习下面的例子会变得很简单，很多东西都是举一反三，稍稍有些不同的内容，好了，闲话少说，开始这次的学习。

如果没有上一篇的代码，可以从这里下载Nav_1

1）第三个subtableview：Controls on Table Rows
这个例子，我们将为每个table view的每一行添加一个按钮，这个按钮将放在accessory icon的位置（之前我们使用过accessoryType，其实这也是一个view，可以容纳其他的view，因此我们将一个button放在其中，然后accessory icon的位置上就会显示button了，看了后面的例子就会明白）

同样，选中Project navigator中的Nav文件夹，单击鼠标右键，选择“New File...”，在弹出的窗口中，左边选择Cocoa Touch，右边选择Objective-C class，点击Next按钮，在下一个窗口中将class命名为BIDRowControlsController，Subclass of命名为BIDSecondLevelViewController，点击Next按钮，完成创建。

打开BIDRowControlsController.h，添加如下代码

#import "BIDSecondLevelViewController.h"@interface BIDRowControlsController : BIDSecondLevelViewController@property (strong, nonatomic) NSArray *list;
- (IBAction)buttonTapped:(id)sender;@end

list用户保存table view中每一行显示的数据，buttonTapped事件用于按钮的触发，大家也可以猜到，会是一个警告框弹出。（严格的来说这里不指定IBAction也可以，因为我们并没有创建nib，也不会拖一个button到nib上面然后与其关联，定义一个普通的没有返回值的方法即可，但是书里面还是推荐使用IBAction关键词，这样可以方面代码的阅读，可以知道这个方法是用于被某个控件触发的。楼主木有试过这个方法，大家可以试试看，哈哈）

打开BIDRowControlsController.m，添加如下代码

#import "BIDRowControlsController.h"@implementation BIDRowControlsController@synthesize list;- (IBAction)buttonTapped:(id)sender
{UIButton *senderButton = (UIButton *)sender;UITableViewCell *buttonCell = (UITableViewCell *)[senderButton superview];NSUInteger buttonRow = [[self.tableView indexPathForCell:buttonCell] row];NSString *buttonTitle = [list objectAtIndex:buttonRow];UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"You tapped the button"message:[NSString stringWithFormat:@"You tapped the button for %@", buttonTitle]delegate:nilcancelButtonTitle:@"OK"otherButtonTitles:nil];[alert show];
}- (void)viewDidLoad 
{[super viewDidLoad];NSArray *array = [[NSArray alloc] initWithObjects:@"R2-D2",@"C3PO", @"Tik-Tok", @"Robby", @"Rosie", @"Uniblab",@"Bender", @"Marvin", @"Lt. Commander Data",@"Evil Brother Lore", @"Optimus Prime", @"Tobor", @"HAL",@"Orgasmatron", nil];self.list = array;
}- (void)viewDidUnload
{[super viewDidUnload];self.list = nil;
}

这里添加了很常见的viewDidLoad和viewDidUnload，并且实现了buttonTapped方法，稍微解释一下buttonTapped方法：
UIButton *senderButton = (UIButton *)sender; // 根据sender参数来确定是哪个button触发了该事件，然后根据button所在的
UITableViewCell *buttonCell = (UITableViewCell *)[senderButton superview]; // 获得button的superview，因为该button是在某一个的table cell上，因此它的superview就是UITableViewCell，因此这里可以强制的将button的superview转换成UITableViewCell对象
NSUInteger buttonRow = [[self.tableView indexPathForCell:buttonCell] row]; // 根据获得的table cell得到indexPath，再根据indexPath获得button具体在第几行
NSString *buttonTitle = [list objectAtIndex:buttonRow]; // 有第几行，就可以在list中找到对应的字符串了

接着添加table data source方法，添加如下代码

#pragma mark -
#pragma mark Table Data Source Methods
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{return [list count];
}- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{static NSString *ControlRowIdentifier = @"ControlRowIdentifier";UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ControlRowIdentifier];if(cell == nil) {cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:ControlRowIdentifier];UIImage *buttonUpImage = [UIImage imageNamed:@"button_up.png"];UIImage *buttonDownImage = [UIImage imageNamed:@"button_down.png"];UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];button.frame = CGRectMake(0.0, 0.0, buttonUpImage.size.width, buttonUpImage.size.height);[button setBackgroundImage:buttonUpImage forState:UIControlStateNormal];[button setBackgroundImage:buttonDownImage forState:UIControlStateHighlighted];[button setTitle:@"Tap" forState:UIControlStateNormal];[button addTarget:self action:@selector(buttonTapped:) forControlEvents:UIControlEventTouchUpInside];cell.accessoryView = button;}NSUInteger row = [indexPath row];NSString *rowTitle = [list objectAtIndex:row];cell.textLabel.text = rowTitle;return cell;
}

这2个方法也见了很多次了，对tableview:cellForRowAtIndexPath中的一些内容进行解释：
UIImage *buttonUpImage = [UIImage imageNamed:@"button_up.png"]; // 载入button弹起状态时的图片
UIImage *buttonDownImage = [UIImage imageNamed:@"button_down.png"]; // 载入button按下时的图片
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; // 创建一个button，这里没有使用一般的创建方法[UIButton alloc]，原因是如果使用了这样的方法创建button，之中对这个button的外观、文字等就不能进行修改了，因此我们使用buttonWithType，并选择UIButtonTypeCustom，自定义button外观
button.frame = CGRectMake(0.0, 0.0, buttonUpImage.size.width, buttonUpImage.size.height); // 定义button的大小
[button setBackgroundImage:buttonUpImage forState:UIControlStateNormal]; // 用一张图片设置button弹起时的状态
[button setBackgroundImage:buttonDownImage forState:UIControlStateHighlighted]; // 用另一张图片设置button按下时的状态
[button setTitle:@"Tap"forState:UIControlStateNormal]; // 设置button的文字
[button addTarget:self action:@selector(buttonTapped:) forControlEvents:UIControlEventTouchUpInside]; // 为button添加事件，分2部分，首先是触发哪个事件，另一个是在什么情况下触发，这里设置的触发的事件是buttonTapped（IBAction类型，这是为什么刚才说不适用IBAction关键词也可以，因为我们使用代码的方式为button制定了触发的方法，因此不用IBAction），当手指在button内部弹起时才会触发buttonTapped事件。
cell.accessoryView = button; // 在table cell的accessoryView的位置放置button

添加table的delegate方法，代码如下

#pragma mark -
#pragma mark Table Delegate Methods
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{NSUInteger row = [indexPath row];NSString *rowTitle = [list objectAtIndex:row];UIAlertView *alert = [[UIAlertView alloc]initWithTitle:@"You tapped the row."message:[NSString stringWithFormat:@"You tapped %@.", rowTitle]delegate:nilcancelButtonTitle:@"OK"otherButtonTitles:nil];[alert show];[tableView deselectRowAtIndexPath:indexPath animated:YES];
}

这个方法的实现之前也见过，就对最后一句话解释一下：
[tableView deselectRowAtIndexPath:indexPath animated:YES]; // 当点击table view中的一行时，该行的背景色会变蓝，这句话的作用就是使其恢复成原来未选择时的状态

最后打开BIDFirstLevelController.m，添加如下代码

#import "BIDFirstLevelController.h"
#import "BIDSecondLevelViewController.h"
#import "BIDDisclosureButtonController.h"
#import "BIDCheckListController.h"
#import "BIDRowControlsController.h"@implementation BIDFirstLevelController
@synthesize controllers;- (void)viewDidLoad {[super viewDidLoad];self.title = @"First Level";NSMutableArray *array = [[NSMutableArray alloc] init];// Disclosure ButtonBIDDisclosureButtonController *disclosureButtonController = [[BIDDisclosureButtonController alloc] initWithStyle:UITableViewStylePlain];disclosureButtonController.title = @"Disclosure Buttons";disclosureButtonController.rowImage = [UIImage imageNamed:@"disclosureButtonControllerIcon.png"];[array addObject:disclosureButtonController];// ChecklistBIDCheckListController *checkListController = [[BIDCheckListController alloc] initWithStyle:UITableViewStylePlain];checkListController.title = @"Check One";checkListController.rowImage = [UIImage imageNamed:@"checkmarkControllerIcon.png"];[array addObject:checkListController];// Row ControlsBIDRowControlsController *rowControlsController = [[BIDRowControlsController alloc] initWithStyle:UITableViewStylePlain];rowControlsController.title = @"Row Controls";rowControlsController.rowImage = [UIImage imageNamed:@"rowControlsIcon.png"];[array addObject:rowControlsController];self.controllers = array;
}

这里就不解释了，和之前的一样。

编译运行，效果如下

多了最下面的Row Controls，我们点击改行

每一个cell都有一个我们刚才定义的button在上面

我们点击button，显示效果如下

我们点击行，显示效果如下

这个例子就如此简单的完成了，我们接着下一个例子。

2）第四个subtableview：Movable Rows 
这个例子是用来说明如何移动table view中的每一行，可以对其重新进行排序，在table view中有一个现成的方法叫做setEditing:animated，用于设置table view的内容是否可以进行编辑（edit）、删除（delete）、插入（insert），如果我们要对table view中的内容进行操作，我们必须设置其为true，否则table view是不能进行编辑的。这个例子中，我们将对table view中的行进行操作，因此一定要设置其为true。废话不多说，看来下面的例子就会更加清楚，好，现在开始这个例子。

选中Project navigator中的Nav文件夹，单击鼠标右键，选择“New File...”，在弹出的窗口中，左边选择Cocoa Touch，右边选择Objective-C class，点击Next按钮，在下一个窗口中将class命名为BIDMoveMeController，Subclass of命名为BIDSecondLevelViewController，点击Next按钮，完成创建。

打开BIDMoveMeController.h，添加如下代码

@interface BIDMoveMeController : BIDSecondLevelViewController@property (strong, nonatomic) NSMutableArray *list;
- (IBAction)toggleMove;@end

list用于保存数据，这里声明的类型是NSMutableArray，因为我们要对table view中的行进行移动，因此list的内容会发生变化，因此需要一个可变的Array。toggleMove方法用于打开/关闭table view的编辑模式。

打开BIDMoveMeController.m，添加如下代码

#import "BIDMoveMeController.h"@implementation BIDMoveMeController@synthesize list;- (IBAction)toggleMove
{[self.tableView setEditing:!self.tableView.editing animated:YES];if(self.tableView.editing)[self.navigationItem.rightBarButtonItem setTitle:@"Done"];else[self.navigationItem.rightBarButtonItem setTitle:@"Move"];
}- (void)viewDidLoad 
{[super viewDidLoad];if (list == nil) {NSMutableArray *array = [[NSMutableArray alloc] initWithObjects:@"Eeny", @"Meeny", @"Miney", @"Moe", @"Catch", @"A",@"Tiger", @"By", @"The", @"Toe", nil];self.list = array;}UIBarButtonItem *moveButton = [[UIBarButtonItem alloc]initWithTitle:@"Move"style:UIBarButtonItemStyleBorderedtarget:selfaction:@selector(toggleMove)];self.navigationItem.rightBarButtonItem = moveButton;
}

先说一下toggleMove，这个方法是给navigator bar上右边的按钮调用的，
[self.tableView setEditing:!self.tableView.editing animated:YES]; // 通过self.tableView.editing属性安排当前table view的状态是不是处于编辑模式，如果是，则变回非编辑模式，如果不是，则进入编辑模式
if(self.tableView.editing) // 如果是编辑模式
    [self.navigationItem.rightBarButtonItem setTitle:@"Done"]; // 设置navigator上右边的按钮文字为“Done”
else // 如果不是编辑模式
    [self.navigationItem.rightBarButtonItem setTitle:@"Move"]; // 设置navigator上右边的按钮文字为“Move”

在viewDidLoad方法中，我们创建了一个button（moveButton），然后将该button赋给navigator上右边的按钮。

大家有没有注意到这里我们没有定义viewDidUnload？我们在viewDidLoad中，也没有每次都对list进行创建，而是判断list是否为nil，如果是，则生成list。我们为什么要这么做呢？一个很重要的原因是之后我们将对list中的内容进行排序，如果每次都生成新的list，那么我们刚刚排好序的list就会丢失，这个是我们不希望发生的，因此我们在这里就不对list反复的进行创建了。

好，接着添加如下代码

#pragma mark -
#pragma mark Table Data Source Methods
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{return [list count];
}- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{static NSString *MoveMeCellIdentifier = @"MoveMeCellIdentifier";UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:MoveMeCellIdentifier];if(cell == nil){cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:MoveMeCellIdentifier];cell.showsReorderControl = YES;}NSUInteger row = [indexPath row];cell.textLabel.text = [list objectAtIndex:row];return cell;
}

在tableView:cellForRowAtIndexPath中，有一句新的代码：
cell.showsReorderControl = YES; // 它的作用是显示reorder的控件（重新排序的控件），比较奇怪的是我试过把这句话注释掉，但是哪个排序控件依然出现，不知道为什么。

接着添加代码

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
{return UITableViewCellEditingStyleNone;
}- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath
{return YES;
}- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)fromIndexPath toIndexPath:(NSIndexPath *)toIndexPath
{NSUInteger fromRow = [fromIndexPath row];NSUInteger toRow = [toIndexPath row];id object = [list objectAtIndex:fromRow];[list removeObjectAtIndex:fromRow];[list insertObject:object atIndex:toRow];
}

上面3个方法都是第一次看见，第一个方法tableView:editingStyleForRowAtIndexPath用于制定tableview是否可以进行删除或者插入操作，在这里我们仅仅是进行排序，所以返回的对象是UITableViewCellEditingStyleNone。第二个方法tableView:canMoveRowAtIndexPath，指定是否可以移动行。最后一个方法tableView:moveRowAtIndexPath是移动行后进行操作的方法，记录一行的起始位置和终点，然后在list中把先备份一下起始位置的值，然后删除，最后再终点位置插入备份值，ok，完成移动操作。怎么样，还是很直接和简单的吧。

打开BIDFirstLevelController.m，添加最后的代码

#import "BIDFirstLevelController.h"
#import "BIDSecondLevelViewController.h"
#import "BIDDisclosureButtonController.h"
#import "BIDCheckListController.h"
#import "BIDRowControlsController.h"
#import "BIDMoveMeController.h"@implementation BIDFirstLevelController
@synthesize controllers;- (void)viewDidLoad {[super viewDidLoad];self.title = @"First Level";NSMutableArray *array = [[NSMutableArray alloc] init];// Disclosure ButtonBIDDisclosureButtonController *disclosureButtonController = [[BIDDisclosureButtonController alloc] initWithStyle:UITableViewStylePlain];disclosureButtonController.title = @"Disclosure Buttons";disclosureButtonController.rowImage = [UIImage imageNamed:@"disclosureButtonControllerIcon.png"];[array addObject:disclosureButtonController];// ChecklistBIDCheckListController *checkListController = [[BIDCheckListController alloc] initWithStyle:UITableViewStylePlain];checkListController.title = @"Check One";checkListController.rowImage = [UIImage imageNamed:@"checkmarkControllerIcon.png"];[array addObject:checkListController];// Row ControlsBIDRowControlsController *rowControlsController = [[BIDRowControlsController alloc] initWithStyle:UITableViewStylePlain];rowControlsController.title = @"Row Controls";rowControlsController.rowImage = [UIImage imageNamed:@"rowControlsIcon.png"];[array addObject:rowControlsController];// Move MeBIDMoveMeController *moveMeController = [[BIDMoveMeController alloc] initWithStyle:UITableViewStylePlain];moveMeController.title = @"Move Me";moveMeController.rowImage = [UIImage imageNamed:@"moveMeIcon.png"];[array addObject:moveMeController];self.controllers = array;
}

编译运行

进入Move Me后

点击navigator上右边的Move按钮

按钮的文字变成了“Done”，然后tableview中每一行的右边都出现了一个reorder的图标，将手指放在上面逗留一会，你点中的那一行会“浮起”，接着你就可以随意移动了，移到你想要的地方后放手即可。

3）第五个subtableview：Deletable Rows 
这个例子展示的是如何删除table view中的行，这次我们不再在viewDidLoad中对table view的内容进行定义，而是从外部的一个文件进行导入，首先下载这里的computers.plist.zip，解压缩后拖入到Project navigator下的Nav文件夹下

好，下面可以开始添加新的文件了，选中Project navigator中的Nav文件夹，单击鼠标右键，选择“New File...”，在弹出的窗口中，左边选择Cocoa Touch，右边选择Objective-C class，点击Next按钮，在下一个窗口中将class命名为BIDDeleteMeController，Subclass of命名为BIDSecondLevelViewController，点击Next按钮，完成创建。

打开BIDDeleteMeController.h文件，添加如下代码

#import "BIDSecondLevelViewController.h"@interface BIDDeleteMeController : BIDSecondLevelViewController@property (strong, nonatomic) NSMutableArray *list;
- (IBAction)toggleEdit:(id)sender;@end

应该可以想到，我们肯定要声明一个NSMutableArray，因为需要删除其中的项，toggleEdit方法用于table view状态的切换。

打开BIDDeleteMeController.m文件，添加如下代码

#import "BIDDeleteMeController.h"@implementation BIDDeleteMeController@synthesize list;- (IBAction)toggleEdit:(id)sender
{[self.tableView setEditing:!self.tableView.editing animated:YES];if(self.tableView.editing)[self.navigationItem.rightBarButtonItem setTitle:@"Done"];else[self.navigationItem.rightBarButtonItem setTitle:@"Delete"];
}- (void)viewDidLoad
{[super viewDidLoad];if(list == nil){NSString *path = [[NSBundle mainBundle] pathForResource:@"computers" ofType:@"plist"];NSMutableArray *array = [[NSMutableArray alloc] initWithContentsOfFile:path];self.list = array;}UIBarButtonItem *editButton = [[UIBarButtonItem alloc]initWithTitle:@"Delete"style:UIBarButtonItemStyleDonetarget:selfaction:@selector(toggleEdit:)];self.navigationItem.rightBarButtonItem = editButton;
}

应该不会觉得有看不懂的地方吧，和之前的一个例子是一样的，那么就接着添加代码吧

#pragma mark -
#pragma mark Table Data Source Methods
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{return [list count];
}- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{static NSString *DeleteMeCellIdentifier = @"DeleteMeCellIdentifier";UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:DeleteMeCellIdentifier];if(cell == nil){cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:DeleteMeCellIdentifier];}NSInteger row = [indexPath row];cell.textLabel.text = [list objectAtIndex:row];return cell;
}

额~~~貌似也不用解释，好吧，就不解释了，继续添加代码

#pragma mark -
#pragma mark Table View Data Source Methods
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{NSUInteger row = [indexPath row];[self.list removeObjectAtIndex:row];[tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath]withRowAnimation:UITableViewRowAnimationAutomatic];
}

这是一个新的方法，第一次使用，当用户要删除table view中的一行或者进行插入操作时，会触发该方法。其中第二个参数有三个值，分别是：
UITableViewCellEditingStyleNone：什么操作都不执行（这个值在上一个例子中使用过）
UITableViewCellEditingStyleDelete：删除操作
UITableViewCellEditingStyleInsert：插入操作

这个方法里面的具体代码还是很好理解的，都不多做解释了。

打开BIDFirstLevelController.m，添加最后的代码

#import "BIDFirstLevelController.h"
#import "BIDSecondLevelViewController.h"
#import "BIDDisclosureButtonController.h"
#import "BIDCheckListController.h"
#import "BIDRowControlsController.h"
#import "BIDMoveMeController.h"
#import "BIDDeleteMeController.h"@implementation BIDFirstLevelController
@synthesize controllers;- (void)viewDidLoad {[super viewDidLoad];self.title = @"First Level";NSMutableArray *array = [[NSMutableArray alloc] init];// Disclosure ButtonBIDDisclosureButtonController *disclosureButtonController = [[BIDDisclosureButtonController alloc] initWithStyle:UITableViewStylePlain];disclosureButtonController.title = @"Disclosure Buttons";disclosureButtonController.rowImage = [UIImage imageNamed:@"disclosureButtonControllerIcon.png"];[array addObject:disclosureButtonController];// ChecklistBIDCheckListController *checkListController = [[BIDCheckListController alloc] initWithStyle:UITableViewStylePlain];checkListController.title = @"Check One";checkListController.rowImage = [UIImage imageNamed:@"checkmarkControllerIcon.png"];[array addObject:checkListController];// Row ControlsBIDRowControlsController *rowControlsController = [[BIDRowControlsController alloc] initWithStyle:UITableViewStylePlain];rowControlsController.title = @"Row Controls";rowControlsController.rowImage = [UIImage imageNamed:@"rowControlsIcon.png"];[array addObject:rowControlsController];// Move MeBIDMoveMeController *moveMeController = [[BIDMoveMeController alloc] initWithStyle:UITableViewStylePlain];moveMeController.title = @"Move Me";moveMeController.rowImage = [UIImage imageNamed:@"moveMeIcon.png"];[array addObject:moveMeController];// Delete MeBIDDeleteMeController *deleteMeController = [[BIDDeleteMeController alloc] initWithStyle:UITableViewStylePlain];deleteMeController.title = @"Delete Me";deleteMeController.rowImage = [UIImage imageNamed:@"deleteMeIcon.png"];[array addObject:deleteMeController];self.controllers = array;
}

编译运行

选择Delete Me进入

点击右上角的Delete按钮

点击左边的红圈，出现删除按钮

点击Delete按钮，删除改行

再次点击右上角的Done，还原

另外一种产用的删除方法，直接在某一行上划一下，出现Delete按钮，删除

4）总结
好了，这篇三个例子的讲解就到此为止，对table view各个方面的属性进行说明，都是一些很常见的操作，以后在开发app的时候也一定会使用到这些常用的功能。希望各位能够看懂，也再次感谢给我留言的每一位朋友，你们是我继续写下去的动力！

Nav_2