UITableViewCell使用Masonry进行自动计算行高的问题

上进求知,认真思辨

已于 2025-03-03 17:16:13 修改

阅读量5.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： IOS开发基础 iOS开发文章标签： Masonry uitableviewcell 自动计算行高最佳解决办法

于 2016-10-20 09:37:41 首次发布

本文链接：https://blog.youkuaiyun.com/kuangdacaikuang/article/details/52869095

iOS开发同时被 2 个专栏收录

185 篇文章

订阅专栏

IOS开发基础

23 篇文章

订阅专栏

本文详细介绍了如何使用Masonry分四步轻松实现UITableViewCell的自动行高计算，关键在于调用`[cell layoutIfNeeded];`，避免了复杂的额外计算。这种方法简单有效，避免了网络上许多复杂解决方案的必要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

UITableViewCell使用Masonry进行自动计算行高的问题

开发中,Masonry进行UI界面的约束,越来越方便,但是在含有label内容不定的cell上,约束很容易出问题,一旦设置不当,就会显示不正常
![不正常的约束](https://img-blog.youkuaiyun.com/20161020091611108)
百度各种解决方法,发现都不太满意,不是思路复杂,就是方法感觉不够简洁,摸索了一阵子,在朋友的帮助下,终于找到了自我感觉最佳的处理方式

Masonry进行cell自动计算行高第一步

//控制器
- (void)viewDidLoad {
    [super viewDidLoad];
    //设置自动计算行号模式
    self.tableView.rowHeight = UITableViewAutomaticDimension;
    //设置预估行高
    self.tableView.estimatedRowHeight = 200;
}

Masonry进行cell自动计算行高第二步

//自定义cell
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
    //图片
        UIImageView *imgview = [[UIImageView alloc] init];
        //一定要添加到self.contentView上
        [self.contentView addSubview:imgview];
        self.imgview = imgview;
        //标题
        UILabel *titleLabel = [[UILabel alloc] init];
        titleLabel.textColor = [UIColor colorWithRed:251.0/255 green:177.0/255 blue:84.0/255 alpha:1.0];
        titleLabel.font = [UIFont systemFontOfSize:18.0];
        [self.contentView addSubview:titleLabel];
        self.titleLabel = titleLabel;
        //内容
        UILabel *detailLabel = [[UILabel alloc] init];
        //关键的第二步
        //1.numberOfLines 设置为0,label的文本会自动换行
        detailLabel.numberOfLines = 0;
        //2.设置换行的模式,CharWrapping是以字符作为分割,WordWrapping是以单词作为分割,英文label特别明显
        detailLabel.lineBreakMode = NSLineBreakByCharWrapping;
        detailLabel.font = [UIFont systemFontOfSize:13.0];
        detailLabel.textColor = [UIColor colorWithRed:72.0/255 green:68.0/255 blue:69.0/255 alpha:1.0];
        [self.contentView addSubview:detailLabel];
        self.detailLabel = detailLabel;
    }
    return self;
}

Masonry进行cell自动计算行高第三步

//layoutSubviews布局里的重点
- (void)layoutSubviews {
    [super layoutSubviews];
	//所有子控件,都要依赖与self.contentView作为约束父控件,而不是self(cell)
    [self.imgview mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerY.mas_equalTo(self.contentView.mas_centerY);
        make.left.mas_equalTo(self.contentView.mas_left).offset(34);
        make.width.height.mas_equalTo(70);
    }];
    [self.titleLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.mas_equalTo(self.contentView.mas_top).offset(15);
        make.left.mas_equalTo(self.imgview.mas_right).offset(24);
        make.right.mas_equalTo(self.contentView.mas_right).offset(-20);
    }];
    [self.detailLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.mas_equalTo(self.titleLabel.mas_bottom).offset(13);
        make.left.mas_equalTo(self.imgview.mas_right).offset(24);
        make.right.mas_equalTo(self.contentView.mas_right).offset(-25);
        //MARK:自动计算行高第四步---根据大家反映,更新后的代码
        make.bottom.mas_equalTo(self.contentView.mas_bottom).offset(-10);
    }];
    
    //MARK:自动计算行高第四步------Xcode 7.3下这样处理没问题,但是升级到Xcode 8.0后就不行了
//    [self.contentView mas_makeConstraints:^(MASConstraintMaker *make) {
//        make.top.mas_equalTo(self.mas_top);
//        make.left.mas_equalTo(self.mas_left);
//        make.right.mas_equalTo(self.mas_right);
//        make.bottom.mas_equalTo(self.detailLabel.mas_bottom).offset(10);
//    }];

}

最关键的一步 [cell layoutIfNeeded];##

Masonry进行cell自动计算行高第四步

//控制器初始化cell的时候
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    if (indexPath.section == 0) {
        JDGGoldPacketsCell *cell = [tableView dequeueReusableCellWithIdentifier:@"JDGGoldPacketsCell" forIndexPath:indexPath];
        if (cell == nil) {
            cell = [[JDGGoldPacketsCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"JDGGoldPacketsCell"];
        }
        self.goldPacketsCell = cell;
        //最关键的一步,解决不正常显示问题
        [cell layoutIfNeeded];
        return cell;
    }else {
        JDGGoldDetailCell *cell = [JDGGoldDetailCell cellWithTableView:tableView];
        cell.selectionStyle = UITableViewCellSelectionStyleNone;
        cell.aboutRedPackets = self.aboutRedPacketsArr[indexPath.row];
        //最关键的一步,解决不正常显示问题
        [cell layoutIfNeeded];
        return cell;
    }
}

如此,就完美解决使用Masonry约束cell自动计算行高的问题,就完美解决了,并不需要网上提供的那么复杂的方法,需要计算各种东东,嘻嘻.