把UITableView中的每个分组都看成一个整体，每一行都看成组中的单个数据。
故需要建立两个Model
-
CarGroup
(GroupModel)代表每个分组，用来存放行数据
@interface CarGroup : NSObject
/** 头 */
@property (nonatomic,strong) NSString *head;
/** 尾 */
@property (nonatomic,strong) NSString *foot;
/** 汽车 */
@property (nonatomic,strong) NSArray *cars;
@end
-
Car
(DataModel)代表每行。
@interface Car : NSObject
/** 汽车名称 */
@property (nonatomic,strong) NSString *carName;
/** 图片 */
@property (nonatomic,strong) NSString *imageName;
/**
* 初始化
*
* @param carName 汽车名称
* @param imageName 图片名称
*
* @return 返回带汽车名称和图片名称的Car类
*/
+(instancetype)initWithData:(NSString *)carName imageName:(NSString *)imageName;
@end
#import "Car.h"
@implementation Car
+(instancetype)initWithData:(NSString *)carName imageName:(NSString *)imageName
{
Car *car = [[Car alloc]init];
car.carName = carName;
car.imageName = imageName;
return car;
}
@end
-
接下来修改原有代码，新建一个数据用来存放每组CarGroup。
/** 组数据 */
@property (nonatomic,strong) NSArray *groups;
- ###采用懒加载的方式加载数据.
```objc
-(NSArray *)groups
{
/**
* 用到时再赋值，并且只赋值一次
*/
if(_groups == nil)
{
CarGroup *group = [[CarGroup alloc]init];
group.head = @"我是头111111";
group.foot = @"我是尾111111";
group.cars = @[[Car initWithData:@"丰田111" imageName:@"m_2_100"],
[Car initWithData:@"路虎111" imageName:@"m_2_100"],
[Car initWithData:@"马自达111" imageName:@"m_2_100"],
[Car initWithData:@"三菱111" imageName:@"m_2_100"]];
CarGroup *group1 = [[CarGroup alloc]init];
group1.head = @"我是头222222";
group1.foot = @"我是尾222222";
group1.cars = @[[Car initWithData:@"丰田222" imageName:@"m_3_100"],
[Car initWithData:@"路虎222" imageName:@"m_3_100"],
[Car initWithData:@"马自达222" imageName:@"m_3_100"]];
_groups = @[group,group1];
}
return _groups;
}
- 下面代码为整体修改后的代码，需要说明的是
UITableViewDataSource协议中的每个方法的section代表分组的序号，-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath方法中的indexPath存有当前组和当前行的序号
/**
* 分组
*
* @param tableView tableView
*
* @return 返回几组
*/
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
return self.groups.count;// 两组
}
/**
* 标记多少行数据
*
* @param tableView tableView
* @param section 组号
*
* @return 返回行数
*/
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
CarGroup *group =self.groups[section];
return group.cars.count;// 两条
}
/**
* 每行如何显示
*
* @param tableView tableView
* @param indexPath
*
* @return 每行的内容
*/
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewCell *cell = [[UITableViewCell alloc]init];
// 取出分组
CarGroup *group = self.groups[indexPath.section];
// 在分组中取出每个Car的数据
Car *car = group.cars[indexPath.row];
cell.textLabel.text = car.carName;
cell.imageView.image = [UIImage imageNamed:car.imageName];
// initWithStyle:UITableViewCellStyleSubtitle 显示子标题
// UITableViewCell *cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:nil];
// cell.textLabel.text = @"我是第一组";
// cell.imageView.image = [UIImage imageNamed:@"m_10_100"];
//
// if(indexPath.section == 1)
// {
// cell.textLabel.text = @"我是第二组";
// cell.imageView.image = [UIImage imageNamed:@"m_13_100"];
// }
//
// if(indexPath.section == 2)
// {
// cell.textLabel.text = @"我是第三组";
// cell.imageView.image = [UIImage imageNamed:@"m_14_100"];
// }
//
return cell;
}
/**
* 头
*/
-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
CarGroup *gruop = self.groups[section];
return gruop.head;
}
/**
* 尾
*/
-(NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
{
CarGroup *gruop = self.groups[section];
return gruop.foot;
}
效果
