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

注意:对于复杂的列表,不建议使用通过添加约束来计算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 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,180评论 4 61
  • 有始有终的那才叫爱情啊
    阿青呀阅读 88评论 0 0
  • 定义: Unsupervised learning allows us to approach problems ...
    沧海月明猪有泪阅读 375评论 0 0
  • 嵊县板川访赠贤弟明亮 黄磊/文 越秀灵毓鼎奇殊,板川鹤立赛名厨。 青山送吾至剡溪,圣水为鸣鼓与呼。 洁身守立去百污...
    黄磊的简书阅读 281评论 0 5
  • 下一秒究竟有多少种可能? 我睡够了 那么醒来后有多少种可能? 沉默后 开口有多少种可能? 蛰伏后 苏醒有多少种可能...
    Derek_Kun阅读 316评论 0 2