ios实战开发之UITableView应用(商品展示2)

Sian

1、效果演示：



2、过程分析：

2.1、用storyboard画出基本界面图示：



2.2、创建UITableView--(View)
2.3、从文件中读取出数据源、抽象模型对象--(Model)
2.4、设置当前控制器为数据源及UITableView的代理实现相关方法--(Control)
以上三点即ios开发的MVC模型

3、关键代码：
SACar.h

1. //
2. //  SACar.h
3. //  UITableView-3
4. //
5. //  Created by yusian on 14-4-1.
6. //  Copyright (c) 2014年 yusian. All rights reserved.
7. //
9. #import <Foundation/Foundation.h>
11. @interface SACar : NSObject
13. @property (nonatomic, copy) NSString *name;     // 数据模型汽车名称
15. @property (nonatomic, copy) NSString *icon;     // 数据模型汽车图片
17. @property (nonatomic, copy) NSString *desc;     // 数据模型汽车描述
19. + (id)carWithDict:(NSDictionary *)dict;         // 类构造方法快速创建模型
21. - (id)initWithDict:(NSDictionary *)dict;        // 对象构造方法快速创建模型
23. @end

复制代码

SACar.m

1. //
2. //  SACar.m
3. //  UITableView-3
4. //
5. //  Created by yusian on 14-4-1.
6. //  Copyright (c) 2014年 yusian. All rights reserved.
7. //
9. #import "SACar.h"
11. @implementation SACar
13. + (id)carWithDict:(NSDictionary *)dict
14. {
15.     return [[self alloc] initWithDict:dict];
16. }
18. - (id)initWithDict:(NSDictionary *)dict
19. {
20.     if (self = [super init]) {
21.         
22.         self.name = dict[@"name"];
23.         self.icon = dict[@"icon"];
24.         self.desc = dict[@"desc"];
25.     }
26.     return self;
27. }
28. @end

复制代码

SAViewController.h

1. //
2. //  SAViewController.h
3. //  UITableView-3
4. //
5. //  Created by yusian on 14-4-1.
6. //  Copyright (c) 2014年 yusian. All rights reserved.
7. //
9. #import <UIKit/UIKit.h>
10. #import "SACar.h"
12. @interface SAViewController : UIViewController
14. @property (weak, nonatomic) IBOutlet UITableView *tableView;        // UITableView
16. @property (weak, nonatomic) IBOutlet UILabel *titleLable;           // 标题栏，显示"汽车展示"或"已选择n个"
18. @property (weak, nonatomic) IBOutlet UIBarButtonItem *removeItem;   // 删除按钮
20. - (IBAction)remove:(UIBarButtonItem *)sender;                       // 删除按钮事件
22. - (IBAction)antiElection:(UIBarButtonItem *)sender;                 // 反选按钮事件
23. @end

复制代码

SAViewController.m

1. //
2. //  SAViewController.m
3. //  UITableView-3
4. //
5. //  Created by yusian on 14-4-1.
6. //  Copyright (c) 2014年 yusian. All rights reserved.
7. //
9. #import "SAViewController.h"
10. #define kCarCounts 20
11. #define kCellHeight 60
13. @interface SAViewController () <UITableViewDataSource, UITableViewDelegate>
14. {
15.     // 两个全局可变数组，一个用来存储所有SACar对象与临时SACar对象
16.     NSMutableArray  *_cars;
17.     NSMutableArray  *_selectedCars;
18. }
19. @end
21. @implementation SAViewController
23. #pragma mark View加载完后调用
24. - (void)viewDidLoad
25. {
26.     [super viewDidLoad];
27.    
28.     _cars = [NSMutableArray array];             // 数组初始化
29.     _selectedCars = [NSMutableArray array];     // 数组初始化
31.     self.tableView.dataSource = self;           // tableview的数据源为当前控制器
32.     self.tableView.delegate = self;             // tableview的代码为当前控制器
33.    
34.     // 用数组将文件中的内容取出，再通过模型格式化保存到全局数组_cars中，循环取值，抽象kCarCounts个对象做为数据源
35.     NSString *path = [[NSBundle mainBundle] pathForResource:@"Des.plist" ofType:nil];
36.     NSArray *data = [[NSArray alloc] initWithContentsOfFile:path];
37.     for (int i = 0; i < kCarCounts; i++) {
38.         SACar *car = [SACar carWithDict:data[i % data.count]];
39.         [_cars addObject:car];
40.     }
42. }
44. #pragma mark 返回表格行数-UITableViewDataSource协议方法(必须实现)
45. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
46. {
47.     // 由于该方法在表格刷新时调用，所以某此与表格刷新相关的事件处理可以放到该方法中来处理
48.     if (_selectedCars.count) {
49.         self.titleLable.text = [NSString stringWithFormat:@"已选中 %d 个", _selectedCars.count];    // ToolBar上lable动态文字显示
50.         self.removeItem.enabled = YES;  // 删除按钮的可用性
51.     } else {
52.         self.titleLable.text = @"汽车展示";
53.         self.removeItem.enabled = NO;
54.     }
55.     return _cars.count; // 返回数据源对象个数即表格行数；
56. }
58. #pragma mark 返回对应行表格内容-UITableViewTableDataSource协议方法(必须实现)
59. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
60. {
61.     // 变量定义或初始化
62.     static NSString *ID = @"cell";
63.     SACar *car = _cars[indexPath.row];
64.     UITableViewCell *cell = [self.tableView dequeueReusableCellWithIdentifier:ID];  // 如果缓存中有带ID标记的cell则直接回收利用
65.    
66.     // 如果没有，则自己初始化并做标记以备后续能循环利用
67.     if (nil == cell) {
68.         cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
69.     }
70.    
71.     // 无论是缓存回收还是新创建的cell内容都必须重新赋值，循环利用只能解决是否需要新创建的问题，出发点在性能
72.     cell.imageView.image = [UIImage imageNamed:car.icon];       // 将模型icon数据解析到表格cell的image中
73.     cell.textLabel.text = car.name;                             // 将模型name数据解析到表格cell的textLabel中
74.     cell.detailTextLabel.text = car.desc;                       // 将模型desc数据解析到表格cell的detailTetLabel中
75.     cell.detailTextLabel.textColor = [UIColor lightGrayColor];  // 设置cell中detailTextLabel颜色
76.    
77.     // 以下判断该当前cell是否需要打勾，与后续功能实现相关
78.     // 如果当前模型数据在临时数组中则该cell显示打勾
79.     if ([_selectedCars containsObject:car]) {
80.         cell.accessoryType = UITableViewCellAccessoryCheckmark; // 打勾
81.     } else {
82.         cell.accessoryType = UITableViewCellAccessoryNone;      // 去掉打勾
83.     }
84.    
85.     return cell;
86. }
88. #pragma mark 返回表格高度--UITableViewDelegate协议方法
89. - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
90. {
91.     return kCellHeight;                                         // cell高度
92. }
94. #pragma mark cell触摸事件响应--UITableViewDelegate协议方法
95. - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
96. {
97.     SACar *car = _cars[indexPath.row];
98.    
99.     // 基本处理思想：当触摸当前cell时将当前cell的模型对象添加到数组，实现打勾
100.     // 如果已经存在数组说明之前有触摸，则从数组中删除，实现去掉打勾
101.     if ([_selectedCars containsObject:car]) {
102.         [_selectedCars removeObject:car];
103.     } else {
104.         [_selectedCars addObject:car];
105.     }
106.    
107.     // 局部刷新，只刷新当前单元格
108.     [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];
110. }
112. #pragma mark 删除按钮事件响应
113. - (IBAction)remove:(UIBarButtonItem *)sender {
114.    
115.     // 遍历临时数组，即将删除的模型对象全部取出，并将模型对象对应cell的indexPath保存到一个数组，方便局部刷新使用
116.     // 如果全局刷新则不需要该步骤
117.     NSMutableArray *array = [NSMutableArray array];
118.     for (SACar *c in _selectedCars) {
119.         NSIndexPath *indexPath = [NSIndexPath indexPathForRow:[_cars indexOfObject:c] inSection:0];
120.         [array addObject:indexPath];
121.     }
122.    
123.     [_cars removeObjectsInArray:_selectedCars];     // 数据源中删除已选中需要删除的模型对象
124.     [_selectedCars removeAllObjects];               // 临时数组清空，准备下次使用
125.    
126.     [self.tableView deleteRowsAtIndexPaths:array withRowAnimation:UITableViewRowAnimationRight];    // 局部刷新
128.     // [self.tableView reloadData];                 // 全局刷新
129.    
130. }
132. #pragma mark 反选按钮事件响应
133. - (IBAction)antiElection:(UIBarButtonItem *)sender {
134.    
135.     // 基本思想：1、全部模型-已选择模型=未选择模型；2、将(未选择模型)替换(已选择模型)，实现反选
136.     NSMutableArray *array = [NSMutableArray arrayWithArray:_cars];
137.     [array removeObjectsInArray:_selectedCars];
138.     _selectedCars = array;
139.    
140.     [self.tableView reloadData];    // 全局刷新
141. }
142. @end

复制代码

4、源代码下载：

游客，本帖隐藏的内容需要积分高于 1 才可浏览，您当前积分为 0