• 【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

    请添加图片描述

  • 相关阅读:
    搭建网关服务器实现DHCP自动分配、HTTP服务和免密登录
    如何编写高质量代码
    synchronized对象锁?如何用synchronized锁字符串对象,这里面的坑要注意
    spring boot零配置
    xml总结
    9、Springboot整合Swagger3
    代码随想录一一一链表一一一设计链表
    SpringSecurity自定义权限不足页面
    翻译|使用 StatefulSet 运行数据库应用
    凉鞋的 Unity 笔记 108. 第二个通识:增删改查
  • 原文地址:https://blog.csdn.net/zdsey/article/details/128068350