UITableView 继承自 UIScrollView，tableView 如何显示数据
- 设置 dataSource 数据源
- 数据源要遵守
UITableViewDataSource协议 - 数据源要实现协议中的某些方法
// 告诉tableView一共有多少组数据
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
// 告诉tableView第section组有多少行
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
// 告诉tableView第indexPath行显示怎样的cell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
// 告诉tableView第section组的头部标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
// 告诉tableView第section组的尾部标题
- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
UITableView 的常见设置
// 分割线颜色
self.tableView.separatorColor = [UIColor redColor];
// 隐藏分割线
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
// tableView有数据的时候才需要分割线
// 开发小技巧:快速取消分割线
self.tableView.tableFooterView = [[UIView alloc] init];
UITableViewCell 的常见设置
// 取消选中的样式(常用) 让当前 cell 按下无反应
cell.selectionStyle = UITableViewCellSelectionStyleNone;
// 设置选中的背景色
UIView *selectedBackgroundView = [[UIView alloc] init];
selectedBackgroundView.backgroundColor = [UIColor redColor];
cell.selectedBackgroundView = selectedBackgroundView;
// 设置默认的背景色
cell.backgroundColor = [UIColor blueColor];
// 设置默认的背景色
UIView *backgroundView = [[UIView alloc] init];
backgroundView.backgroundColor = [UIColor greenColor];
cell.backgroundView = backgroundView;
// backgroundView的优先级 > backgroundColor
// 设置指示器
// cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
cell.accessoryView = [[UISwitch alloc] init];
1. Cell 的循环利用，在 Cell 数据源方法里设置标识符
当有一个cell进入视野范围内就会调用
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
// 0.重用标识
// 被static修饰的局部变量：只会初始化一次，在整个程序运行过程中，只有一份内存
static NSString *ID = @"cell";
// 1.先根据cell的标识去缓存池中查找可循环利用的cell
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
// 2.如果cell为nil（缓存池找不到对应的cell）
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
}
// 3.覆盖数据
cell.textLabel.text = [NSString stringWithFormat:@"testdata - %zd", indexPath.row];
return cell;
}
2. Cell 的循环利用，在加载控制器时设置标志符
- 定义一个全局变量
// 定义重用标识
NSString *ID = @"cell";
- 注册某个标识对应的 Cell 类型
// 在这个方法中注册cell
- (void)viewDidLoad {
[super viewDidLoad];
// 注册某个标识对应的cell类型
[self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:ID];
}
- 在数据源方法中返回 Cell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
// 1.去缓存池中查找cell
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
// 2.覆盖数据
cell.textLabel.text = [NSString stringWithFormat:@"testdata - %zd", indexPath.row];
return cell;
}
3. Cell 的循环利用，在 Storyboard 设置标识符
- 在 storyboard 中设置 UITableView 的 Dynamic Prototypes Cell
- 设置 cell 的重用标识
- 在代码中利用重用标识获取 cell
// 0.重用标识
// 被static修饰的局部变量：只会初始化一次，在整个程序运行过程中，只有一份内存
static NSString *ID = @"cell";
// 1.先根据cell的标识去缓存池中查找可循环利用的cell
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
// 2.覆盖数据
cell.textLabel.text = [NSString stringWithFormat:@"cell - %zd", indexPath.row];
错误：将 UIViewController 当做 UITableViewController 来用
4. 自定义 Cell
I. 等高的 Cell
1）Storyboard 自定义 Cell
1.创建一个继承自UITableViewCell的子类，比如DealCell
2.在 Storyboard 中
- 往 Cell 里面增加需要用到的子控件
- 设置 Cell 的重用标识
- 设置 Cell 的 class 为 DealCell
3.在控制器中
- 利用重用标识找到 Cell
- 给 Cell 传递模型数据
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *ID = @"deal";
DealCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
// 取出模型数据
cell.deal = self.deals[indexPath.row];
return cell;
}
4.在 DealCell 中
- 将 Storyboard 中的子控件 连线 到类扩展中
@interface DealCell()
@property (weak, nonatomic) IBOutlet UIImageView *iconView;
@property (weak, nonatomic) IBOutlet UILabel *titleLabel;
@property (weak, nonatomic) IBOutlet UILabel *priceLabel;
@property (weak, nonatomic) IBOutlet UILabel *buyCountLabel;
@end
- 需要提供一个模型属性，重写模型的 set 方法，在这个方法中设置模型数据到子控件上
@class Deal
@interface DealCell: UITableViewCell
/** 模型数据 */
@property (nonatomic, strong) Deal *deal;
@end
- (void)setDeal:(Deal *)deal{
_deal = deal;
self.iconView.image = [UIImage imageNamed:deal.icon];
self.titleLabel.text = deal.title;
self.priceLabel.text = [NSString stringWithFormat:@"$%@", deal.price];
self.buyCountLabel.text = [NSString stringWithFormat:@"%@人已购买", deal.buyCount];
}
2）xib 自定义 Cell
1.创建一个继承自 UITableViewCell 的子类，比如 DealCell
2.创建一个 xib 文件（文件名建议跟cell的类名一样），比如 DealCell.xib
- 拖拽一个 UITableViewCell 出来
- 修改 Cell 的 class 为 DealCell
- 设置 Cell 的重用标识
- 往 Cell 中添加需要用到的子控件
3.在控制器中
- 利用
registerNib...方法注册 xib 文件 - 利用重用标识找到cell（如果没有注册 xib 文件，就需要手动去加载 xib 文件）
- 给 Cell 传递模型数据
4.在 DealCell 中
- 将 xib 中的子控件连线到类扩展中
- 需要提供一个模型属性，重写模型的 set 方法，在这个方法中设置模型数据到子控件上
- 也可以将创建获得 cell 的代码封装起来（比如
cellWithTableView:方法）
3）代码自定义 Cell 「使用 frame」
1.创建一个继承自 UITableViewCell 的子类，比如 DealCell
在 initWithStyle: reuseIdentifier: 方法 中
- 添加子控件
- 设置子控件的初始化属性（比如文字颜色、字体）
在 layoutSubviews 方法中设置子控件的 frame
需要提供一个模型属性，重写模型的 set 方法，在这个方法中设置模型数据到子控件
2.在控制器中
- 利用
registerClass...方法注册 DealCell 类 - 利用重用标识找到 Cell（如果没有注册类，就需要手动创建 Cell）
- 给cell传递模型数据
- 也可以将创建获得 Cell 的代码封装起来（比如
cellWithTableView:方法）
4）代码自定义 Cell「使用 autolayout」
1.创建一个继承自 UITableViewCell 的子类，比如 DealCell
在 initWithStyle:reuseIdentifier: 方法中
- 添加子控件
- 添加子控件的约束（建议使用
Masonry） - 设置子控件的初始化属性（比如文字颜色、字体）
需要提供一个模型属性，重写模型的 set 方法，在这个方法中设置模型数据到子控件
2.在控制器中
- 利用
registerClass...方法注册 XMGDealCell 类 - 利用重用标识找到 cell（如果没有注册类，就需要手动创建 Cell）
- 给cell传递模型数据
- 也可以将创建获得 cell 的代码封装起来（比如
cellWithTableView:方法）
II. 非等高的 Cell
xib 自定义 Cell
- 在模型中增加一个 cellHeight 属性，用来存放对应 cell 的高度
- 在cell的模型属性 set 方法中调用
[self layoutIfNeed]强制布局，然后计算出模型的 cellheight 属性值 - 在控制器中实现
tableView:estimatedHeightForRowAtIndexPath:方法，返回一个估计高度，比如 200 - 在控制器中实现
tableView:heightForRowAtIndexPath:方法，返回cell的真实高度（模型中的 cellHeight 属性）
5. 数据刷新
I. 数据刷新方法
- 重新刷新屏幕上的所有 Cell
[self.tableView reloadData];
- 刷新特定行的 Cell
[self.tableView reloadRowsAtIndexPaths:@[
[NSIndexPath indexPathForRow:0 inSection:0],
[NSIndexPath indexPathForRow:1 inSection:0]
]
withRowAnimation:UITableViewRowAnimationLeft];
- 插入特定行数的 Cell
[self.tableView insertRowsAtIndexPaths:@[
[NSIndexPath indexPathForRow:0 inSection:0],
[NSIndexPath indexPathForRow:1 inSection:0]
]
withRowAnimation:UITableViewRowAnimationLeft];
- 删除特定行数的 Cell
[self.tableView deleteRowsAtIndexPaths:@[
[NSIndexPath indexPathForRow:0 inSection:0],
[NSIndexPath indexPathForRow:1 inSection:0]
]
withRowAnimation:UITableViewRowAnimationLeft];
II. 数据刷新的原则
通过修改模型数据，来修改 tableView 的展示
- 先修改模型数据
- 再调用数据刷新方法
注意：不要直接修改 Cell 上面子控件的属性
