美文网首页
iOS Cell子视图添加约束后,动态计算Cell高度

iOS Cell子视图添加约束后,动态计算Cell高度

作者: 大风天上来 | 来源:发表于2016-09-27 21:11 被阅读455次

注意:对于复杂的列表,不建议使用通过添加约束来计算cell高度。之前的项目中会有明显的卡顿,后来手动计算frame处理的,就流畅多了。

之前看过其他人写的相关博客,有些内容不清楚,或者是没有考虑周全。这里就对这个简单的问题,进行相关的说明。对其中的细节问题,进行相应的解释。

这里主要讨论,当cell中包含image,label,textView三类控件的时候,如何动态计算cell高度。其中image的大小是固定的,label和textView固定宽度后,高度根据内容动态变化。

对cell上的控件添加必要的约束,其中cell的高度与image的大小无关,image的大小固定。cell的子视图label和textView在竖直和水平方向上与cell的距离固定。这样,cell的高度就完全由cell的宽度和label或textView的内容决定。(文章结尾源码中可以查看)

给Cell添加约束

计算Cell的高度


- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    TableViewCell1 *cell = tableViewCell;
    NSDictionary *dic = _dataArray[indexPath.row];
    cell.textView.text = dic[@"textViewText"];
    cell.label.text = dic[@"labelText"];

    //屏幕宽度-110 = label的宽度
    cell.label.preferredMaxLayoutWidth = [UIScreen mainScreen].bounds.size.width - 110;
    //size 的大小为cell.contentView的大小,
    //在自动计算cell大小时,textView的长宽都是0;
    CGSize size = [cell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];

    //根据textView的内容,计算textView的大小
    CGSize textViewSize = [cell.textView sizeThatFits:CGSizeMake([UIScreen mainScreen].bounds.size.width - 110, FLT_MAX)];

    //由于textView不会影响size的大小,所以比较出一个最大的高度值。
    CGFloat height = size.height + (textViewSize.height);
    height = height > 109 ?height : 109;
    return height + 1;
}

代码中 height + 1 必不可少,不然某个控件的文字就显示不出来。因为contentview的高度加上分割线的高度(1)才是Cell的高度。

这里是实现动态计算Cell高度的Demo地址:https://coding.net/u/hufeng/p/CellHeightDemo/git

相关文章

网友评论

      本文标题: iOS Cell子视图添加约束后,动态计算Cell高度

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