zoukankan      html  css  js  c++  java
  • 关于cell自动布局约束实现高度自适应问题

    之前写tableview列表高度动态显示时都是先计算内容高度,然后在tableview的cell高度代理方法里写每个cell高度

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

    这样写比较麻烦,后来发现可以不用计算通过约束自动布局来实现高度的自适应,具体如下:

    1.先在cell的类里给cell加约束,如果是xib直接加,纯代码可以用Masonry加相应约束,如下

    - (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    
        if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
    
            _contentLab = [UILabel new];
            _contentLab.font = [UIFont systemFontOfSize:12];
            _contentLab.textColor = [UIColor blackColor];
            _contentLab.numberOfLines = 0;
            [self.contentView addSubview:_contentLab];
    
            [_contentLab mas_makeConstraints:^(MASConstraintMaker *make) {
                make.left.top.equalTo(self.contentView).offset(20);
                make.right.bottom.equalTo(self.contentView).offset(-20);
            }];
    
        }
        return self;
    
    }
    
    -(void)setModel:(MessageModel *)model{
        if (_model != model) {
            _model = model;
        }
        _contentLab.text = _model.content;
        
    }

    2.在ViewController里不用写cell高度代理方法,直接写如下代码即可实现高度自适应

    self.tableView.estimatedRowHeight = 40;
    self.tableView.rowHeight = UITableViewAutomaticDimension;
  • 相关阅读:
    React学习笔记(六) Create React App
    React学习笔记(五) 状态提升
    React学习笔记(四) 条件渲染与列表渲染
    React学习笔记(三) 事件处理与表单元素
    React学习笔记(二) 组件
    React学习笔记(一) 入门
    React学习笔记
    Vue学习笔记
    Vue学习笔记(十二) Vue Ajax
    路飞_day2
  • 原文地址:https://www.cnblogs.com/zk1947/p/9139987.html
Copyright © 2011-2022 走看看