美文网首页IOS网友们的篇章
Masonry实现cell自适应高度

Masonry实现cell自适应高度

作者: 小小程序媛之路 | 来源:发表于2017-02-23 17:40 被阅读307次

    此处不介绍Masonry的导入及使用,下面是Masonry的github地址

    Masonry

    下面介绍cell自适应高度实现,直接贴代码,重要部分讲解

    ListModel.h文件

    #import <Foundation/Foundation.h>
    
    @interface ListModel : NSObject
    
    @property (nonatomic, copy) NSString *title;
    @property (nonatomic, copy) NSString *time;
    
    @end
    

    ListModel.m文件

    #import "ListModel.h"
    
    @implementation ListModel
    
    @end
    

    ListCell.h文件

    #import <UIKit/UIKit.h>
    #import "ListModel.h"
    
    static NSString *identifier = @"listCell";
    
    @interface ListCell : UITableViewCell
    
    @property (nonatomic, strong) ListModel *model;
    
    @end
    

    ListCell.m文件

    #import "ListCell.h"
    #import "View+MASAdditions.h"
    
    @interface ListCell()
    
    @property (nonatomic, strong) UILabel *titleLb;
    @property (nonatomic, strong) UILabel *timeLb;
    
    @end
    
    @implementation ListCell
    
    #pragma mark - lazy load
    - (UILabel *)titleLb
    {
        if (!_titleLb)
        {
         _titleLb = [[UILabel alloc] init];
         _titleLb.numberOfLines = 0;
            [self.contentView addSubview:_titleLb];
        }
    
        return _titleLb;
    }
    
    - (UILabel *)timeLb
    {
        if (!_timeLb)
        {
            _timeLb = [[UILabel alloc] init];
            _timeLb.numberOfLines = 0;
            [self.contentView addSubview:_timeLb];
        }
    
        return _timeLb;
    }
    
    #pragma mark - set
    - (void)setModel:(ListModel *)model
    {
         _model = model;
    
        self.titleLb.text = _model.title;
        self.timeLb.text = _model.time;
    
        [_titleLb   mas_remakeConstraints:^(MASConstraintMaker *make) {
            make.left.top.equalTo(self.contentView).offset(10);
        make.right.equalTo(self.contentView).offset(-10);
        }];
    
        [_timeLb mas_remakeConstraints:^(MASConstraintMaker *make) {
        make.top.equalTo(_titleLb.mas_bottom).offset(10);
        make.left.equalTo(self.contentView).offset(10);
        make.right.bottom.equalTo(self.contentView).offset(-10);
        }];
        }
    
    @end
    

    重点:

    自定义cell时,要设置cell里最上方控件与cell.contentView上方的距离,最下方控件与cell.contentView下方的距离,各控件间距离

    如上,

    titleLb与cell.contentView的上方距离为10

    timeLb与cell.contentView的下方距离为10

    titleLb与timeLb直接距离为10

    ViewController.h文件

    #import <UIKit/UIKit.h>
    
    @interface ViewController : UIViewController
    
    @end
    

    ViewController.m文件

    #import "ViewController.h"
    #import "ListModel.h"
    #import "ListCell.h"
    #import "View+MASAdditions.h"
    
    @interface ViewController ()<UITableViewDelegate, UITableViewDataSource>
    {
        UITableView *listTableView;
        NSMutableArray *dataArray;
    }
    @end
    
    @implementation ViewController
    
    - (void)viewDidLoad
    {
        [super viewDidLoad];
    
        NSArray *titles = @[@"跑步与不跑步的人,在1天、1月甚至1年来看都没什么了不起的差距;但在每5年来看的时候,就是身体和精神状态的巨大分野;等到了10年再看的时候,也许就是一种人生对另一种人生不可企及的鸿沟。",@"读过的书不会成为过眼烟云,它们会潜在气质里、在谈吐上、在胸襟的无涯,当然也可能显露在生活和文字中。",@"而定投和跑步、读书一样,都是人生中最简单却又最美好的事情。",@"彼得·林奇曾说:投资者如果能够不为经济形式焦虑,不看重市场状况,只是按照固定的计划进行投资,其成绩往往好于那些成天研究,试图预测市场并据此买卖"];
    dataArray = [NSMutableArray array];
    
    for (int i = 0; i < titles.count; i++)
    {
        ListModel *model = [[ListModel alloc] init];
        model.title = titles[i];
        model.time = @"2017-02-09";
        [dataArray addObject:model];
    }
    
        listTableView = [[UITableView alloc] initWithFrame:CGRectZero style:UITableViewStylePlain];
        listTableView.delegate = self;
        listTableView.dataSource = self;
        listTableView.estimatedRowHeight = 60;
        listTableView.rowHeight = UITableViewAutomaticDimension;
        [listTableView registerClass:[ListCell class] forCellReuseIdentifier:identifier];
        [self.view addSubview:listTableView];
        [listTableView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.equalTo(self.view);
        }];
    }
    
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    {
        ListCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
        cell.model = dataArray[indexPath.row];
    
        return cell;
    }
    
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
    {
        return dataArray.count;
    }
    
    @end
    

    重点:

    设置估算高度,必须加上,否则失效

    listTableView.estimatedRowHeight = 60;
    

    最后附上效果图

    00665x6Xgy1fckah2byq3j30qo1bfagz.jpeg

    最后温馨提醒:cell里面的控件的约束一定要环环相扣,环环相扣,环环相扣,重要的事情说三次,而且cell里面的约束最顶部的控件对cell顶部约束,最底部的控件也要对cell底部约束
    make.left.top.equalTo(self.contentView).offset(10);
    make.bottom.equalTo(self.contentView).offset(-10);

    相关文章

      网友评论

      • chasitu:请问如果是uiview的时候怎么给约束啊
        小小程序媛之路:@_我们一直在路上_ 发一下你约束过来看看
        chasitu:@小小程序媛之路 我的cell最底部是一个15像素的uiview灰色分割线没有子视图,怎么给约束比较好啊
        小小程序媛之路:@_我们一直在路上_ 一样的原理的,每个控件紧紧相连,view靠子控件撑大

      本文标题:Masonry实现cell自适应高度

      本文链接:https://www.haomeiwen.com/subject/aqbbwttx.html