自定义不等高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;
}