• 【iOS】UITableView的动态Cell高度(Masonry)



    评论长度不同引出的问题

    对于之前写的项目的评论部分,由于评论文字字数的不同会导致label高度不同,所以需要设定不同的cell高度来展示。

    一开始使用了

    CGSize labelSize = [label.text boundingRectWithSize:CGSizeMake(Width - 40 - 50 , MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:17]} context:nil].size;
    
    • 1

    这个方法得到的labelSize.height就是计算得到的高度。这样以来将每个评论都计算一次,用数组存储,待到需要时遍历数组取出就好了。

    这样并不是很方便,尤其是有的评论有回复,有的没有回复,这样就需要计算回复的label高度再做判断,更加麻烦。

    所以这时候就体现了Masonry的方便

    实现

    对于tableViewCell的动态高度,首先设定好tableView的属性:

    	self.tableView.estimatedRowHeight = 200;
        self.tableView.rowHeight = UITableViewAutomaticDimension;
    
    • 1
    • 2

    estimateRowHeight是预估高度,是还没有加载好评论时的cell高度,当评论的高度已经确定,cell会刷新高度。

    UITableViewAutomaticDimension就是把cell的行高设为自动(变化的)尺寸

    对自定义cell,要将masonry设定的约束写到

    - (instancetype) initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier

    写到这个方法内部

    如下:

     	self.content = [[UILabel alloc] init];
        [self.contentView addSubview: self.content];
        [self.content mas_makeConstraints:^(MASConstraintMaker *make) {
            //由于要自适应的cell,所以不用宽高约束
            make.left.equalTo(self.author).with.offset(0);
            make.top.equalTo(self.contentView).with.offset(50);
            make.right.equalTo(self.contentView).with.offset(-40);
            make.bottom.equalTo(self.labelReply.mas_top).offset(0);
        }];
    
    	self.labelReply = [[UILabel alloc] init];
        [self.contentView addSubview:self.labelReply];
    	[self.labelReply mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.equalTo(self.content.mas_left).with.offset(0);
            make.right.equalTo(self.content.mas_right).with.offset(0);
    
            make.top.equalTo(self.content.mas_bottom).with.offset(0);
    
            make.bottom.equalTo(self.time.mas_top).offset(-15);
        }];
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20

    这样就是把content和labelReply设置为左右对齐,上下紧贴的两个label,并且会自动生成高度,无需任何计算。

    另外对于tableView,下面这个设定行高的方法就不需要了,也不建议去写,很有可能出错。

    - (CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
    
    • 1

    请添加图片描述

  • 相关阅读:
    nginx常用优化
    【五一创作】使用Scala二次开发Spark3.3.0实现对MySQL的upsert操作
    Spark面试整理-如何在Spark中进行数据清洗和转换?
    【洛谷P2024】食物链【种类并查集】
    基于工程车辆/物流车辆/消防车辆远程通信的车队管理解决方案
    linux的应用线程同步与驱动同步机制
    RabbitMq
    这5个超好用的免费网站,你一定要知道
    yolov5激活函数和损失函数改进
    学习linux从0到工程师(命令)-4
  • 原文地址:https://blog.csdn.net/zdsey/article/details/128068350