且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序

更新时间:2021-12-11 05:16:05

一、plist文件和项目结构图

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序

说明:这是一个嵌套模型的示例

二、代码示例:

YYcarsgroup.h文件代码:

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序
 1 //  2 // YYcarsgroup.h
 3 // 07-汽车展示(高级)
 4 //  5 // Created by apple on 14-5-28.
 6 // Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8  9 #import <Foundation/Foundation.h>
10 11 @interface YYcarsgroup : NSObject
12 @property(nonatomic,copy)NSString *title;
13 @property(nonatomic,strong)NSArray *cars;
14 15 -(instancetype)initWithDict:(NSDictionary *)dict;
16 +(instancetype)carsgroupWithDict:(NSDictionary *)dict;
17 @end
iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序

YYcarsgroup.m文件代码:

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序
 1 //  2 // YYcarsgroup.m
 3 // 07-汽车展示(高级)
 4 //  5 // Created by apple on 14-5-28.
 6 // Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8  9 #import "YYcarsgroup.h" 10 #import "YYcars.h" 11 12 @implementation YYcarsgroup
13 -(instancetype)initWithDict:(NSDictionary *)dict
14 {
15 if (self=[super init]) {
16 //嵌套的字典转模型 17 self.title=dict[@"title"];
18 19 //注意 20 NSArray *dictcars=dict[@"cars"];
21 //像下面这样写可以提高性能 22 NSMutableArray *arrayM=[NSMutableArray arrayWithCapacity:dictcars.count];
23 for (NSDictionary *dict in dictcars) {
24 YYcars *yycars=[[YYcars alloc]initWithDict:dict];
25  [arrayM addObject:yycars];
26  }
27 // 赋值存储模型的数组给属性 28 self.cars=arrayM;
29  }
30 return self;
31 }
32 33 +(instancetype)carsgroupWithDict:(NSDictionary *)dict
34 {
35 return [[self alloc]initWithDict:dict];
36 }
37 @end
iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序

YYcars.h文件

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序
 1 //  2 // YYcars.h
 3 // 07-汽车展示(高级)
 4 //  5 // Created by apple on 14-5-28.
 6 // Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8  9 #import <Foundation/Foundation.h>
10 11 @interface YYcars : NSObject
12 @property(nonatomic,copy)NSString *name;
13 @property(nonatomic,copy)NSString *icon;
14 15 -(instancetype)initWithDict:(NSDictionary *)dict;
16 +(instancetype)carsWithDict:(NSDictionary *)dict;
17 @end
iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序

YYcars.m文件

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序
 1 //  2 // YYcars.m
 3 // 07-汽车展示(高级)
 4 //  5 // Created by apple on 14-5-28.
 6 // Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8  9 #import "YYcars.h" 10 11 @implementation YYcars
12 13 -(instancetype)initWithDict:(NSDictionary *)dict
14 {
15 if (self=[super init]) {
16 self.name=dict[@"name"];
17 self.icon=dict[@"icon"];
18  }
19 return self;
20 }
21 +(instancetype)carsWithDict:(NSDictionary *)dict
22 {
23 return [[self alloc]initWithDict:dict];
24 }
25 @end
iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序

YYViewController.m文件

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序
 1 //  2 // YYViewController.m
 3 // 07-汽车展示(高级)
 4 //  5 // Created by apple on 14-5-28.
 6 // Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8  9 #import "YYViewController.h"  10 #import "YYcarsgroup.h"  11 #import "YYcars.h"  12  13 @interface YYViewController ()<UITableViewDataSource>
 14 @property (strong, nonatomic) IBOutlet UITableView *tableview;
 15 @property(nonatomic,strong) NSArray *car;
 16 @end  17  18 @implementation YYViewController
 19  20 - (void)viewDidLoad
 21 {
 22  [super viewDidLoad];
 23  24 self.tableview.rowHeight=60.f;
 25 self.tableview.dataSource=self;
 26 NSLog(@"%d",self.car.count);
 27 }
 28 #pragma mark- 实现懒加载
 29 //1.从包中读取数据
 30 //2.字典转模型
 31 //3.返回cars  32 -(NSArray *)car
 33 {
 34 if (_car==nil) {
 35  36 NSString *fullpath= [[NSBundle mainBundle]pathForResource:@"cars_total.plist" ofType:nil];
 37 NSArray *arrayM=[NSArray arrayWithContentsOfFile:fullpath];
 38  39 NSMutableArray *carsarray=[NSMutableArray array];
 40 for (NSDictionary *dict in arrayM) {
 41 YYcarsgroup *carsgroup=[YYcarsgroup carsgroupWithDict:dict];
 42  [carsarray addObject:carsgroup];
 43  }
 44 _car=[carsarray copy];
 45  }
 46 return _car;
 47 }
 48  49  50 #pragma mark- 实现tableview的数据展示
 51 //1.设置数据源,遵守协议
 52 //2.返回组
 53 //3.返回行
 54 //4.每组每行对应的数据
 55 //4.1去缓存中去取cell
 56 //4.2若没有,则创建cell,并盖章
 57 //4.3设置cell的数据
 58 //4.4返回cell  59  60 -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
 61 {
 62 return self.car.count;
 63 }
 64 -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
 65 {
 66 YYcarsgroup *carsgroup=self.car[section];
 67 return carsgroup.cars.count;
 68 }
 69 -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
 70 {
 71 static NSString *identifier=@"car";
 72 //4.1去缓存中去取cell  73 UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:identifier];
 74 //4.2若没有,则创建cell,并盖章  75 if (cell==nil) {
 76 cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
 77  }
 78 //4.3设置cell的数据
 79 //设置对应的组  80 YYcarsgroup *carsgroup=self.car[indexPath.section];
 81 //设置对应的行  82 YYcars *yycars=carsgroup.cars[indexPath.row];
 83  84 cell.imageView.image=[UIImage imageNamed:yycars.icon];
 85 cell.textLabel.text=yycars.name;
 86 //4.4返回cell  87 return cell;
 88 }
 89  90 //设置每组的标题  91 -(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
 92 {
 93 YYcarsgroup *carsgroup=self.car[section];
 94 return carsgroup.title;
 95 }
 96  97 //设置索引  98 -(NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView
 99 {
100 //利用kvc取出所有的标题 101 NSArray *title=[self.car valueForKeyPath:@"title"];
102 return title;
103 }
104 105 //隐藏状态栏 106 -(BOOL)prefersStatusBarHidden
107 {
108 return YES;
109 }
110 @end
iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序

实现效果:

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序

三、注意点

1.设置索引

代码如下:

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序
//设置索引
-(NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView
{
 //利用kvc取出所有的标题
 NSArray *title=[self.car valueForKeyPath:@"title"];
 return title;
}
iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序

2.cell的性能优化

代码如下:

iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序
 static NSString *identifier=@"car";
 //4.1去缓存中去取cell
 UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:identifier];
 //4.2若没有,则创建cell,并盖章 if (cell==nil) {
 cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
 }
iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序

请注意:cell内部数据处理的细节。(如何节省内存?)