IOS开发——UI进阶篇—UITableView，索引条，汽车数据展示案例

  1 #import <UIKit/UIKit.h>
  2 @interface ViewController : UITableViewController
  3 @end
  4 
  5 /*************** ViewController**********************/
  6 #import "ViewController.h"
  7 #import "CarGroup.h"
  8 #import "Car.h"
  9 
 10 #define chgID @"chgCell"
 11 
 12 @interface ViewController ()
 13 @property (nonatomic, copy) NSArray *cargroups;
 14 @end
 15 
 16 @implementation ViewController
 17 
 18 - (void)viewDidLoad {
 19     [super viewDidLoad];
 20     
 21     // 设置右边索引文字的颜色
 22     self.tableView.sectionIndexColor = [UIColor redColor];
 23     
 24     // 设置右边索引文字的背景色
 25     self.tableView.sectionIndexBackgroundColor = [UIColor blackColor];
 26     
 27     // 注册带有“chgCell”标识的cell
 28     [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:chgID];
 29 
 30 }
 31 
 32 // 重写cargroups的get方法
 33 - (NSArray *)cargroups
 34 {
 35     if (nil == _cargroups) {
 36         // 加载cars.plist文件
 37         NSString *path = [[NSBundle mainBundle] pathForResource:@"cars" ofType:@"plist"];
 38         NSArray *carGroupsdictArray = [NSArray arrayWithContentsOfFile:path];
 39     
 40     
 41         // 创建模型数组
 42         NSMutableArray *carGroupsM = [NSMutableArray array];
 43         // 字典转模型 将模型装入数组_cargroups中
 44         for (NSDictionary *cardict in carGroupsdictArray) {
 45             CarGroup *carg = [CarGroup carGroupWithdict:cardict];
 46             [carGroupsM addObject:carg];
 47         }
 48         _cargroups = carGroupsM;
 49     }
 50     return _cargroups;
 51 }
 52 
 53 // 总共多少组
 54 - (NSInteger)numberOfSectionsInTableView:(nonnull UITableView *)tableView
 55 {
 56     return self.cargroups.count;
 57 }
 58 
 59 // 每组多少行
 60 - (NSInteger)tableView:(nonnull UITableView *)tableView numberOfRowsInSection:(NSInteger)section
 61 {
 62     return [self.cargroups[section] cars].count;
 63 }
 64 
 65  // 加载每一行的cell（cell要显示的内容）
 66 - (UITableViewCell *)tableView:(nonnull UITableView *)tableView cellForRowAtIndexPath:(nonnull NSIndexPath *)indexPath
 67 {
 68     // 1、从缓存池获取cell
 69     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:chgID];
 70     cell.backgroundColor = [UIColor yellowColor];
 71     // 2、如果没找到就创建一个新的cell
 72 //    if (nil == cell) {
 73 //        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
 74 //    }
 75  
 76     CarGroup *carGroups = self.cargroups[indexPath.section];
 77     Car *car = carGroups.cars[indexPath.row];
 78     
 79     // 3、给cell赋值
 80     cell.textLabel.text = car.name;
 81     cell.imageView.image = [UIImage imageNamed:car.icon];
 82     
 83     return cell;
 84 }
 85 
 86 // 设置头部内容
 87 - (NSString *)tableView:(nonnull UITableView *)tableView titleForHeaderInSection:(NSInteger)section
 88 {
 89     CarGroup *carGroups = self.cargroups[section];
 90     return carGroups.title;
 91 }
 92 
 93 // 设置索引条
 94 - (nullable NSArray<NSString *> *)sectionIndexTitlesForTableView:(nonnull UITableView *)tableView
 95 {
 96     return [self.cargroups valueForKeyPath:@"title"];
 97 }
 98 
 99 - (BOOL)prefersStatusBarHidden
100 {
101     return YES;
102 }
103 
104 @end
105 
106 /*************** CarGroup**********************/
107 #import <UIKit/UIKit.h>
108 
109 @interface CarGroup : UIView
110 
111 @property (nonatomic, copy) NSString *title;
112 @property (nonatomic, strong) NSArray *cars;
113 
114 + (instancetype)carGroupWithdict:(NSDictionary *)dict;
115 
116 @end
117 
118 #import "CarGroup.h"
119 #import "Car.h"
120 @implementation CarGroup
121 
122 + (instancetype)carGroupWithdict:(NSDictionary *)dict
123 {
124     CarGroup *carg = [[CarGroup alloc] init];
125     carg.title = dict[@"title"];
126     
127     NSMutableArray *arrM = [NSMutableArray array];
128     for (NSDictionary *cardic in dict[@"cars"]) {
129         Car *car = [Car carWithDict:cardic];
130         [arrM addObject:car];
131     }
132     carg.cars = arrM;
133     
134     return carg;
135 }
136 
137 @end
138 
139 
140 /*************** Car**********************/
141 #import <UIKit/UIKit.h>
142 
143 @interface Car : UIView
144 
145 @property (nonatomic, copy) NSString *name;
146 @property (nonatomic, copy) NSString *icon;
147 
148 + (instancetype)carWithDict:(NSDictionary *)dict;
149 @end
150 
151 #import "Car.h"
152 
153 @implementation Car
154 
155 
156 + (instancetype)carWithDict:(NSDictionary *)dict
157 {
158     Car *car = [[Car alloc] init];
159     [car setValuesForKeysWithDictionary:dict];
160 
161     return car;
162 }
163 @end