Masonry实现cell自适应高度

此处不介绍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);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容