Objective-C 表视图-分组、索引

问君何忧，几多愁，絮纷飞，似雨绵绵。

君曰：举杯望月，忧，忧，忧，杯中无酒，愁，愁，愁。

子曰：自寻烦恼，无可救乎哉。

在IOS旅途的上一站，我们共同学习了自定义表视图，这一站，来介绍下表视图中常用的索引、分组。

之前我们介绍过的例子中，表视图都只有一个节。一个表视图可以有多个节（Section），节有头有脚，是索引和分组的前提。

现在我们通过例子TableSectionSample来一步步讲解它的实现。

注：索引的正确使用原则如下：

• 索引标题不能与显示的标题完全一样。
• 索引标题应具有代表性，能代表一个数据集合。
• 如果采用了索引列表视图，一般情况下就不再使用扩展视图。

第一步，同以前一样，不再详细说明：

创建Single View Application工程，命名为TableSectionSample；打开Main.storyboard拖拽一个TableView到View Controller上，设置data source和delegate为ViewController；拖拽一个Table View Cell到TableView上，设置Identifier为Cell；改ViewController类实现UITableViewDataSource和UITableViewDelegate协议。

注：如果ViewController继承自UITableViewController类，那么对应的Interface（故事板或nib）中，TableView不应该在View下面，要删除原View后再添加TableView，否则会报错“loaded the '' nib but didn't get a UITableView”。

第二步，设置数据源：

上一站中我们说过正常数据源应该是来自文件或db，这里，我们使用plist文件。plist全称parameter list，一般用于存储用户设置和捆绑信息，使用起来非常方便。如果当xml理解，是不是就容易明白了呢。

在编写数据源代码前，我创建了Country.plist文件来存储国家信息。创建方式：File→New→File→Resource→Property List。Country.plist文件如图：

如图，第一层是一个字典，每个item的key是洲名，value是一个字符串数组，存储的是这个大洲的国家名称。
@interface ViewController : UIViewController<UITableViewDataSource, UITableViewDelegate>
@property (nonatomic, strong) NSDictionary *countryList;//国家列表
@property (nonatomic, strong) NSArray *continentList;//大洲列表
@end

- (void)viewDidLoad {
[super viewDidLoad];
NSString *dataSourcePath = [[NSBundle mainBundle] pathForResource:@"Country" ofType:@"plist"];//①
self.countryList = [NSDictionary dictionaryWithContentsOfFile:dataSourcePath];//②
self.continentList = [self.countryList allKeys];//③
}

①取得Country.plist路径。该代码是获取应用程序内可操作资源文件路径的固定格式，第一个参数为文件名称，第二个参数时文件扩展名；
②通过路径获取文件内容，赋给countryList；
③plist中的键值为洲名，也就是我们的节名，赋给continentList。

第三步，分节：

以下是节的三个相关函数，分别设置节数、节头、节脚：

// 用于返回节数，默认返回1
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
return [self.continentList count];
}
// 返回节头标题
-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{
return [self.continentList objectAtIndex:section];
}
// 返回节脚题目
-(NSString *) tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section{
return @"洲";
}

设置每一节的行数和数据，方式和普通表视图一样，只是多了取当前所在节：

// 返回第section节的行数
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
NSString *continentKey = [self.continentList objectAtIndex:section];
NSInteger countryCount = [[self.countryList objectForKey:continentKey] count];
return countryCount;
}
// 设置某节某行数据，当前节和当前行取自indexPath.section和indexPath.row
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
static NSString *cellIdentifier = @"Cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
NSString *continentKey = [self.continentList objectAtIndex:indexPath.section];
NSString *countryName = [[self.countryList objectForKey:continentKey] objectAtIndex:indexPath.row];
cell.textLabel.text = countryName;
return cell;
}

运行一下，如下图，分节就做好了。

第四步，添加索引。（分节是添加索引的前提）

索引其实就是节索引，分好节后，只需要设置节索引数组就好了，索引名称可以和节标题不同，不过它的顺序是一一对应的。设置节索引数组的方法为：sectionIndexTitlesForTableView:

-(NSArray *) sectionIndexTitlesForTableView:(UITableView *)tableView{
return self.continentList;//也可以重创建一个数组每一个索引另起名称。
}

运行一下，如图：

第五步，分组：

最简单的分组，就是直接设置Style属性为Grouped即可。如图：

运行：

不过正常情况下，数据量大的不适合使用分组，数据量小的不适合使用索引。一般来说，分组我们会用于设置、登录这种页面，一般使用静态表完成。

分组：

1.在此我新创建了一个工程来实现分组，第一步和上面第一步是一样的，不再赘述。

2.打开Main.storyboard，选择第一步中拖拽的Table View，打开其属性检查器，将Style改为Grouped，将Content设置为Static Cells，你会发现下面从Prototype Cells变为了Sections，选择你想要的组数，TableView上会自动显示出几组来，每一组默认有3个Cell，可以删改，每一个cell长什么样子，可以根据需求拖拽控件，设置控件属性绑定事件。

设置一个分组举一个例子说明，如图：

选择左侧View Controller Scence→View Controller→Table View→Table View Section，打开右侧属性检查器，可以设置这个组的行数，节头节脚显示内容。设置后如图中表示。

从对象列表中拖拽控件到Cell上，我分别拖拽了一个Label和一个TextField，设置了属性，如图显示。还可以添加按钮绑定事件，和平时添加控件绑定控件是一样的。静态表即表示你现在看到的是什么样，运行时就是什么样子。

注：静态单元格只能在SDK内置的UITableViewController中使用，否则编译会报错“Static table views are only validwhen embedded in UITableViewController instances.”，即使你将View Controller改为继承UITableViewController。也就是要拖拽一个TableViewController，在其TableView上编辑静态单元格。这是一缺陷，暂时苹果还未解决。