iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序
iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序
一、plist文件和项目结构图
说明:这是一个嵌套模型的示例
二、代码示例:
YYcarsgroup.h文件代码:
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
YYcarsgroup.m文件代码:
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
YYcars.h文件
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
YYcars.m文件
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
YYViewController.m文件
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
实现效果:
三、注意点
1.设置索引
代码如下:
//设置索引 -(NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView { //利用kvc取出所有的标题 NSArray *title=[self.car valueForKeyPath:@"title"]; return title; }
2.cell的性能优化
代码如下: