IOS学习之分段Table View的使用(Grouped样式表格)

简介:上篇做了Table View的一些介绍 ,还做了一个TableView 的Plain样式的例子,这篇我们学习Grouped样式表的例子,还有用到前面读取Plist的知识(见IOS学习之 plist文件的读写),把Plist文件中的数据读取出来,放到Table view里展示出来。这里把全国30多个省份的城市,都列出来了,plist文件里还有城市的行政区,不过这里只列出省份和城市就ok了。效果图如下:


IOS学习之分段Table View的使用(Grouped样式表格)


那么开始吧。

1、新建项目

新的一个名称为TableViewGrouped的Single View Application项目,打开项目的xib文件,拖拽TableView控件到xib文件中,摆正位置。


2、给新建的TableView找到他的归属

选中新添的TableView ,Connection Inspector,找到delegatedatasource,从它们右边的圆圈拉线到Files Owner图标上,参考上篇的第3步:IOS学习之分段Table View的使用(Grouped样式表格)

IOS学习之分段Table View的使用(Grouped样式表格)

3、设置Table View的属性为Grouped样式

IOS学习之分段Table View的使用(Grouped样式表格)



4、导入plist文件

从其他文件夹导入Provineces.plist文件,这个文件我会传到源代码里,大家都能方便使用了,包括全国30个省份和城市,还有城市的区也有。

IOS学习之分段Table View的使用(Grouped样式表格)IOS学习之分段Table View的使用(Grouped样式表格)

5、添加.h .m的实现代码。

.h文件添加一个property

#import <UIKit/UIKit.h> @interface ViewController : UIViewController @property (strong, nonatomic) NSArray *provinces; @end

第一步从Plist读取出数据,第二步给Table添加数据。

在viewDidLoad读取Plist,plist是个array类型的,所以使用Array读取。

.m文件的实现。

@implementation ViewController @synthesize provinces; - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. NSBundle *bundle = [NSBundle mainBundle]; NSString *plistPath = [bundle pathForResource:@"Provineces" ofType:@"plist"]; NSMutableArray *array=[[NSMutableArray alloc] initWithContentsOfFile:plistPath]; self.provinces = array; } - (void)viewDidUnload { [super viewDidUnload]; // Release any retained subviews of the main view. } - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation { return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown); } #pragma mark - #pragma mark Table View Data Source Methods - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { //这个方法用来告诉表格有几个分组 return [provinces count]; } - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { //这个方法告诉表格第section个分组有多少行 NSArray *cities = [[provinces objectAtIndex:section]objectForKey:@"Citys"]; return [cities count]; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { //这个方法用来告诉某个分组的某一行是什么数据,返回一个UITableViewCell NSUInteger section = [indexPath section]; NSUInteger row = [indexPath row]; NSArray *cities = [[provinces objectAtIndex:section]objectForKey:@"Citys"] ; static NSString *GroupedTableIdentifier = @"cell"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier: GroupedTableIdentifier]; if (cell == nil) { cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:GroupedTableIdentifier]; } //给Label附上城市名称 key 为:C_Name cell.textLabel.text = [[cities objectAtIndex:row] objectForKey:@"C_Name"]; return cell; } - (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section { //这个方法用来告诉表格第section分组的名称 NSString *provincName = [[provinces objectAtIndex:section] objectForKey:@"p_Name"]; return provincName; } - (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView { //返回省份的数组 NSMutableArray *array = [NSMutableArray arrayWithCapacity:35]; for (NSDictionary *dict in provinces) { [array addObject:[dict objectForKey:@"p_Name"]]; } return array; } @end
重点介绍下这个方法:

- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView { //返回省份的数组 NSMutableArray *array = [NSMutableArray arrayWithCapacity:35]; for (NSDictionary *dict in provinces) { [array addObject:[dict objectForKey:@"p_Name"]]; } return array; }返回所有省份名称的数组 ,通过点击右边的省份名称能快速定位到这个省份的城市,也就是快速定位到这个section。

OK,运行。效果如下:

IOS学习之分段Table View的使用(Grouped样式表格)


试试改成plain样式的分段TableView看看:

IOS学习之分段Table View的使用(Grouped样式表格)


以上例子的全部


例子的代码:https://github.com/schelling/YcDemo/tree/master/TableViewGrouped

著作权声明:本文由http://blog.****.net/totogo2010/原创,欢迎转载分享。请尊重作者劳动,转载时保留该声明和作者博客链接,谢谢!


著作权声明:本文由http://blog.****.net/totogo2010/原创,欢迎转载分享。请尊重作者劳动,转载时保留该声明和作者博客链接,谢谢!