Masonry实现cell自适应高度

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

Masonry

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

ListModel.h文件

#import 

@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 
#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 

@interface ViewController : UIViewController

@end

ViewController.m文件

#import "ViewController.h"
#import "ListModel.h"
#import "ListCell.h"
#import "View+MASAdditions.h"

@interface ViewController ()
{
    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;

最后附上效果图

Masonry实现cell自适应高度_第1张图片
00665x6Xgy1fckah2byq3j30qo1bfagz.jpeg

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

你可能感兴趣的:(Masonry实现cell自适应高度)