7.汽车品牌（表格分组数据）

最新推荐文章于 2025-06-06 13:53:33 发布

_变味的面包

最新推荐文章于 2025-06-06 13:53:33 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： iOS之UI学习文章标签： UI plist objective-c

本文链接：https://blog.youkuaiyun.com/cw0028/article/details/46442589

iOS之UI学习专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用Objective-C代码实现iOS应用中表格视图的分组数据展示，按照字母顺序排列汽车品牌，每个单元格包含品牌标志和名称。同时，文章详细讲解了数据模型的构建、数据源方法的实现以及右侧字母索引的点击跳转功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现目的：使用代码实现表格的分组数据。按照字母表的顺序，将每个汽车的品牌排列，并且将其分组，每个cell中左侧显示其标志，右侧显示名称。在最后侧添加字母顺序，点击字符跳转到该字母开头位置。

分析：在这个小项目中使用的.plist文件有多层，即Root目录下是一个Dictionary，里面又包含有cars的Array和一个title的字符串，其中在cars中多个字典。首先要将cars转换成模型，然后将最外层的字典转换成模型。之后，将ViewController设置数据代理，实现数据源方。最后添加右侧索引。

效果演示：

代码实现：ViewController.m 中代码：

- (UITableView *)tableView
{
    
    if (_tableView == nil) {
        CGFloat h = self.view.bounds.origin.y +20;
        _tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, h, self.view.bounds.size.width, self.view.bounds.size.height) style:UITableViewStylePlain];
    }
    _tableView.dataSource = self;
    
    [self.view addSubview:_tableView];
    
    return _tableView;
}

// 懒加载
- (NSArray *)carGroups
{
    if (_carGroups == nil) {
        _carGroups = [CarGroup carGroups];
    }
    return _carGroups;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    [self tableView];
    
}
// 数据源方法
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return self.carGroups.count;
}
// 每组的总数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    CarGroup *group = self.carGroups[section];
    
    return group.cars.count;
}

// 单元格
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 查找可重用的单元格
    static NSString *ID = @"Cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    //如果没有可以重用的cell 实例化
    if (cell == nil) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
    }
    // 设置cell的内容
    CarGroup *group = self.carGroups [indexPath.section];
    Car *car = group.cars [indexPath.row];
    
    // 设置数据
    cell.imageView.image = [UIImage imageNamed:car.icon];
    cell.textLabel.text = car.name;

    return cell;
}
// 标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
    CarGroup *group = self.carGroups[section];
    
    return group.title;
}
// 右侧索引列表
- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView
{
    return [self.carGroups valueForKeyPath:@"title"];
}