创建一个tableView,直接拖拽放在storyboard里面就可以。
(1)先创建一个数据模型类WSCarGroup,在WSCarGroup.h文件里:
#import <Foundation/Foundation.h>
@interface WSCarGroup : NSObject
@property(nonatomic,copy) NSString * title;
@property(nonatomic,copy) NSString * desc;
@property(nonatomic,strong) NSArray *cars;
@end
(2)在ViewController.m中:
——先把数据转成模型,这里没有plist。所以直接手动输入。
先声明一个装模型的数组变量
@property (nonatomic,strong) NSArray *carGroups;
-(NSArray *)carGroups{
if (_carGroups==nil) {
WSCarGroup *cg1=[[WSCarGroup alloc]init];
cg1.title=@"德系汽车";
cg1.desc=@"质量最精良";
cg1.cars=@[@"宝马",@"奥迪",@"奔驰"];
WSCarGroup *cg2=[[WSCarGroup alloc]init];
cg2.title=@"日系汽车";
cg2.desc=@"非常轻非常省油";
cg2.cars=@[@"三菱",@"日产",@"本田",@"三菱",@"日产",@"本田",@"三菱",@"日产",@"本田",@"三菱",@"日产",@"本田"];
_carGroups=@[cg1,cg2];
}
return _carGroups;
}
——设置tableView的数据源,和协议相似。充当数据源的要遵守“协议”。此处我们把ViewController当做数据源。所以先遵守:
@interface ViewController ()<UITableViewDataSource>
- (void)viewDidLoad {
self.tableView.dataSource=self;
[super viewDidLoad];
}
——tableView最重要的几个方法
111、设置多少组(假设省略这种方法,则默认是1组)
222、设置每组有多少行
333、设置每行的cell填充什么内容(最重要)
444、设置每组头部标题文字
555、设置妹婿尾部描写叙述文字
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
return self.carGroups.count;
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
WSCarGroup *cg=self.carGroups[section];
return cg.cars.count;
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
//由于要返回UITableViewCell。所以先创建一个,然后赋值,最后返回,就可以。
UITableViewCell *cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
WSCarGroup *cg=self.carGroups[indexPath.section];
cell.textLabel.text=cg.cars[indexPath.row];
return cell;
}
-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{
WSCarGroup *cg=self.carGroups[section];
return cg.title;
}
-(NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section{
WSCarGroup *cg=self.carGroups[section];
return cg.desc;
}
——当然。为了展示方便,隐藏顶部状态栏
-(BOOL)prefersStatusBarHidden{
return YES;
}
tableView有两种展现形式:plain和grouped。
——plain就是每组之间间隔非常小,分组不明显。grouped每组间隔大分组明显。例如以下:
——plain有头部悬停效果。相似于QQ分组好友的那个组名称在最顶部悬停,直到被下一组顶替。
![](http://m2.img.srcdd.com/farm4/d/2014/1020/11/15237EC01FFE29C09BBE28DE2F9C6D0B_ORIG_320_497.gif)