iOS开发-UITableView进阶

本文我将为各位同学提到

UITableView如何显示数据(基础)
初识MVC(重点&需要时间积累)
UITabelViewCell结构(基础)
Cell的重用原理(重难点)
UITabelView性能优化-cell的循环利用方式
UITableView&UITableViewCell的常见设置
自定义cell(xib\storyboard\)(重难点)
UITableView数据刷新方法&数据刷新的原则
那么废话不多说，直接上代码!

UITableView如何显示数据

设置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

初识MVC

MVC是一种设计思想，贯穿于整个iOS开发中，需要积累一定的项目经验，才能深刻体会其中的含义和好处
MVC中的三个角色
- M：Model，模型数据
- V：View，视图（界面）
- C：Control，控制中心
MVC的几个明显的特征和体现：
- View上面显示什么东西，取决于Model
- 只要Model数据改了，View的显示状态会跟着更改
- Control负责初始化Model，并将Model传递给View去解析展示

UITabelViewCell结构

Cell的重用原理

iOS设备的内存有限，如果用UITableView显示成千上万条数据，就需要成千上万个UITableViewCell对象的话，那将会耗尽iOS设备的内存。要解决该问题，需要重用UITableViewCell对象
重用原理：当滚动列表时，部分UITableViewCell会移出窗口，UITableView会将窗口外的UITableViewCell放入一个对象池中，等待重用。当UITableView要求dataSource返回UITableViewCell时，dataSource会先查看这个对象池，如果池中有未使用的UITableViewCell，dataSource会用新的数据配置这个UITableViewCell，然后返回给UITableView，重新显示到窗口中，从而避免创建新对象
还有一个非常重要的问题：有时候需要自定义UITableViewCell(用一个子类继承UITableViewCell)，而且每一行用的不一定是同一种UITableViewCell，所以一个UITableView可能拥有不同类型的UITableViewCell，对象池中也会有很多不同类型的UITableViewCell，那么UITableView在重用UITableViewCell时可能会得到错误类型的UITableViewCell
解决方案：UITableViewCell有个NSString *reuseIdentifier属性，可以在初始化UITableViewCell的时候传入一个特定的字符串标识来设置reuseIdentifier(一般用UITableViewCell的类名)。当UITableView要求dataSource返回UITableViewCell时，先通过一个字符串标识到对象池中查找对应类型的UITableViewCell对象，如果有，就重用，如果没有，就传入这个字符串标识来初始化一个UITableViewCell对象

UITabelView性能优化 - cell的循环利用方式1

/**
 *  什么时候调用：每当有一个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;
}

UITabelView性能优化 - cell的循环利用方式2

定义一个全局变量

// 定义重用标识
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;
}

UITabelView性能优化 - cell的循环利用方式3

在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];

return cell;

错误将UIViewController当做UITableViewController来用

错误崩溃

UITableView的常见设置

// 分割线颜色
self.tableView.separatorColor = [UIColor redColor];

// 隐藏分割线
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

UITableViewCell的常见设置

// 取消选中的样式
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];

自定义cell

等高的cell
- storyboard自定义cell
  - 1.创建一个继承自UITableViewCell的子类，比如XMGDealCell
  - 2.在storyboard中
    - 往cell里面增加需要用到的子控件
    - 设置cell的重用标识
    - 设置cell的class为XMGDealCell
  - 3.在控制器中
    - 利用重用标识找到cell
    - 给cell传递模型数据
  - 4.在XMGDealCell中
    - 将storyboard中的子控件连线到类扩展中
    - 需要提供一个模型属性，重写模型的set方法，在这个方法中设置模型数据到子控件上
- xib自定义cell
  - 1.创建一个继承自UITableViewCell的子类，比如XMGDealCell
  - 2.创建一个xib文件（文件名建议跟cell的类名一样），比如XMGDealCell.xib
    - 拖拽一个UITableViewCell出来
    - 修改cell的class为XMGDealCell
    - 设置cell的重用标识
    - 往cell中添加需要用到的子控件
  - 3.在控制器中
    - 利用registerNib…方法注册xib文件
    - 利用重用标识找到cell（如果没有注册xib文件，就需要手动去加载xib文件）
    - 给cell传递模型数据
  - 4.在XMGDealCell中
    - 将xib中的子控件连线到类扩展中
    - 需要提供一个模型属性，重写模型的set方法，在这个方法中设置模型数据到子控件上
    - 也可以将创建获得cell的代码封装起来（比如cellWithTableView:方法）
- 代码自定义cell(使用frame)
  - 1.创建一个继承自UITableViewCell的子类，比如XMGDealCell
    - 在initWithStyle:reuseIdentifier:方法中
      - 添加子控件
      - 设置子控件的初始化属性（比如文字颜色、字体）
    - 在layoutSubviews方法中设置子控件的frame
    - 需要提供一个模型属性，重写模型的set方法，在这个方法中设置模型数据到子控件
  - 2.在控制器中
    - 利用registerClass…方法注册XMGDealCell类
    - 利用重用标识找到cell（如果没有注册类，就需要手动创建cell）
    - 给cell传递模型数据
    - 也可以将创建获得cell的代码封装起来（比如cellWithTableView:方法）
- 代码自定义cell(使用autolayout)
  - 1.创建一个继承自UITableViewCell的子类，比如XMGDealCell
    - 在initWithStyle:reuseIdentifier:方法中
      - 添加子控件
      - 添加子控件的约束（建议使用Masonry）
      - 设置子控件的初始化属性（比如文字颜色、字体）
    - 需要提供一个模型属性，重写模型的set方法，在这个方法中设置模型数据到子控件
  - 2.在控制器中
    - 利用registerClass…方法注册XMGDealCell类
    - 利用重用标识找到cell（如果没有注册类，就需要手动创建cell）
    - 给cell传递模型数据
    - 也可以将创建获得cell的代码封装起来（比如cellWithTableView:方法）
非等高的cell
- xib自定义cell(重点)
  - 在模型中增加一个cellHeight属性，用来存放对应cell的高度
  - 在cell的模型属性set方法中调用[self layoutIfNeed]方法强制布局，然后计算出模型的cellheight属性值
  - 在控制器中实现tableView:estimatedHeightForRowAtIndexPath:方法，返回一个估计高度，比如200
  - 在控制器中实现tableView:heightForRowAtIndexPath:方法，返回cell的真实高度（模型中的cellHeight属性）
- storyboard自定义cell(UILabel的特殊性约束警告)
- 代码自定义cell（frame）
- 代码自定义cell（Autolayout）

数据刷新方法

重新刷新屏幕上的所有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];

删除数据时注意点

#warning - 这样写一边遍历边删除数据是绝对错误的方式
    for (ZZDeal *deal in self.deals) {
        if (deal.isChecked) [deletedDeals addObject:deal];
        [self.deals removeObject:deal];
    }

tableView的编辑模式

#pragma mark - TableView代理方法
/**
 * 只要实现这个方法，左划cell出现删除按钮的功能就有了
 * 用户提交了添加（点击了添加按钮）\删除（点击了删除按钮）操作时会调用
 */
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (editingStyle == UITableViewCellEditingStyleDelete) {  // 点击了“删除”
        // 删除模型
        [self.deals removeObjectAtIndex:indexPath.row];

        // 刷新表格
        [self.tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationLeft];
    } else if (editingStyle == UITableViewCellEditingStyleInsert) { // 点击了+
        NSLog(@"+++++ %zd", indexPath.row);
    }
}
/**
 * 这个方法决定了编辑模式时，每一行的编辑类型：insert（+按钮）、delete（-按钮）
 */
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return indexPath.row % 2 == 0? UITableViewCellEditingStyleInsert: UITableViewCellEditingStyleDelete;
}
    // 允许在编辑模式进行多选操作
    self.tableView.allowsMultipleSelectionDuringEditing = YES;
    // 获得所有被选中的行
    NSArray *indexPaths = [self.tableView indexPathsForSelectedRows];

数据刷新的原则

通过修改模型数据，来修改tableView的展示
- 先修改模型数据
- 再调用数据刷新方法
- 改模型<==>改界面
不要直接修改cell上面子控件的属性这样改了重用的时候不就傻逼了？

iOS开发-UITableView进阶

本文我将为各位同学提到

UITableView如何显示数据

初识MVC

UITabelViewCell结构

Cell的重用原理

UITabelView性能优化 - cell的循环利用方式1

UITabelView性能优化 - cell的循环利用方式2

UITabelView性能优化 - cell的循环利用方式3

错误将UIViewController当做UITableViewController来用

UITableView的常见设置

UITableViewCell的常见设置

自定义cell

数据刷新方法

数据刷新的原则

猜你喜欢