美文网首页iOS SB
UITableView之Cell

UITableView之Cell

作者: 我是大龙啊 | 来源:发表于2016-02-14 09:53 被阅读281次

    tableView性能优化 - 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;
    }
    

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

    • 定义一个全局变量
    // 定义重用标识
     static 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;
    }
    

    tableView性能优化 - 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;
    
    // 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];
    

    自定义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
      • 代码自定义cell(frame)
      • 代码自定义cell(Autolayout)

    相关文章

      网友评论

        本文标题:UITableView之Cell

        本文链接:https://www.haomeiwen.com/subject/wuaukttx.html