zoukankan      html  css  js  c++  java
  • 自定义不等高cell—storyBoard或xib自定义不等高cell

    1.iOS8之后利用storyBoard或者xib自定义不等高cell:

    对比自定义等高cell,需要几个额外的步骤(iOS8开始才支持)

    • 添加子控件和contentView(cell的contentView)之间的间距约束(需要代码控制约束
    • 设置tableViewCell的真实行高和估算行高
    // 以下两行代码就被苹果称为self-sizing技术,可惜只能在iOS8及其之后应用
    
    // 告诉tableView所有cell的真实高度是自动计算(根据设置的约束来计算
    self.tableView.rowHeight = UITableViewAutomaticDimension;
    // 告诉tableView所有cell的估算高度
    self.tableView.estimatedRowHeight = 44;

    2.iOS8之前利用storyBoard或者xib自定义不等高cell:

    • 如果cell内部有自动换行的label,需要设置preferredMaxLayoutWidth属性
      • label之所以知道自己的最大宽度,是因为其要显示出来的时候,它会根据自己的左右约束或者宽度约束计算出最大宽度 preferredMaxLayoutWidth。然后根据最大宽度和内容多少计算出来label的实际高度。但这一切的前提是label要显示出来的时候,如果label不显示,则不计算preferredMaxLayoutWidth,即preferredMaxLayoutWidth = 0。这时需要手动设置 preferredMaxLayoutWidth。
      • 因为下面heightForRowAtIndexPath:的cell只是为了计算高度,cell是不会显示出来的,所以cell上面的label也不会显示出来,所以需要手动设置label的heightForRowAtIndexPath的值,这里在cell的awakeFromNib中对 preferredMaxLayoutWidth 进行赋值。
    - (void)awakeFromNib
    {
        // 手动设置文字的最大宽度(目的是:让label知道自己文字的最大宽度,进而能够计算出自己的frame)
        self.text_label.preferredMaxLayoutWidth = [UIScreen mainScreen].bounds.size.width - 20;
    }
    • cell提供一个height的属性,用于返回cell的高度
    - (CGFloat)height
    {
        // 强制布局cell内部的所有子控件(label根据文字多少计算出自己最真实的尺寸)
        [self layoutIfNeeded];
    
        // 计算cell的高度
        if (self.status.picture) {
            return CGRectGetMaxY(self.pictureImageView.frame) + 10;
        } else {
            return CGRectGetMaxY(self.text_label.frame) + 10;
        }
    }
    • 设置tableView的cell估算高度
    - (void)viewDidLoad {
        [super viewDidLoad];
    
        // 告诉tableView所有cell的估算高度(设置了估算高度,就可以减少tableView:heightForRowAtIndexPath:方法的调用次数)
        self.tableView.estimatedRowHeight = 200;
    }

    估算高度的作用:因为tableView继承自UIScrollView,所以tableView需要根据cell的高度来计算出contentSize。如果不设置估算高度,程序启动,首先会调用多次heightForRowAtIndexPath:方法(该次数等于数据模型的count)。但如果设置了估算高度,程序会根据给定的估算高度计算出contentSize(计算方法是:估算高度 * 数据模型的count)。只有cell显示的时候才会调用heightForRowAtIndexPath:方法计算cell的真实高度,这样一来,heightForRowAtIndexPath:方法的调用次数大大降低,同时也大大提高了性能。

    • 在代理方法中计算cell的高度
    XMGStatusCell *cell;
    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
    {
        // 创建一个cell(cell的作用:根据模型数据布局所有的子控件,进而计算出cell的高度,但是因为这个cell不会显示,所以需要手动设置cell中label的最大宽度)
        // cell的作用只是为了计算并返回cell的高度,而不是为了返回cell,所以这个cell是打酱油的,这个cell不会被显示在tableView上,既然也不会被回收到tableView的缓存池(因为只有曾经显示到tableView并且已经离开屏幕的cell才会被回收到缓存池)
        if (!cell) {
            cell = [tableView dequeueReusableCellWithIdentifier:ID];
        }
    
        // 设置模型数据
        cell.status = self.statuses[indexPath.row];
    
        return cell.height;
    }
    

     

  • 相关阅读:
    Spring多数据源动态切换
    IntelliJ Idea使用代码格式化,Tab制表符进行缩进
    idea 快捷键
    final关键字的功能概述
    IntelliJ Idea 常用快捷键列表
    Log4j.properties配置详解
    IDEA添加try catch快捷键
    使用 JMeter 进行压力测试
    idea 复制当前行到下一行快捷键
    js父窗口opener与parent
  • 原文地址:https://www.cnblogs.com/wsnb/p/4856600.html
Copyright © 2011-2022 走看看