IOS 用Masonry和FDTemplateLayoutCell实现uitableviewcell自动布局

UITableView+FDTemplateLayoutCell这个开源类,让cell高度的自适应变得格外容易!
具体的使用方法请戳该类作者博客:http://blog.sunnyxx.com/2015/05/17/cell-height-calculation/文章对tableViewCell高度计算的原理及此类的实现原理等解释得非常清晰,具体的使用方法和demo可直接参考文章内容.
这里只说几个需要注意的点:
1.使用该类的时候,cell要通过tableView的registerNib...或者registerClass...的方法进行注册(联想UICollectionViewCell的用法),如:

[tableView registerNib:[UINib nibWithNibName:@"ProdDetailCell" bundle:nil]forCellReuseIdentifier:@"ProdDetailCell"];

或者:

[tableView registerClass:[ProdDetailCell class] forCellReuseIdentifier:@"ProdDetailCell"];

例如：

_tableView = [[UITableView alloc] initWithFrame:self.view.frame];
    _tableView.dataSource = self;
    _tableView.delegate = self;
    _tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    [self.tableView registerClass:[MAYMiaoshaCell class] forCellReuseIdentifier:cellid];
    //初步预测cell高度
    self.tableView.estimatedRowHeight = 165;
    //是否开启调试模式
    self.tableView.fd_debugLogEnabled = YES;
    //是否允许缓存
    self.cellHeightCacheEnabled = NO;
    [self.view addSubview:self.tableView];
    [self requestMiaoshaProduct];

2.在-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath方法中：

//self.cellHeightCacheEnabled 是否允许cache
if (self.cellHeightCacheEnabled) {
       
        return [self.tableView fd_heightForCellWithIdentifier:cellid cacheByIndexPath:indexPath configuration:^(MAYMiaoshaCell *cell) {
            [self configureCell:cell atIndexPath:indexPath];
        }];
    } else
    {
        return [self.tableView fd_heightForCellWithIdentifier:cellid configuration:^(MAYMiaoshaCell *cell) {
            [self configureCell:cell atIndexPath:indexPath];
        }];
    }

3.在你的cell中用Masonry去做控件的约束，如：

//
//  MAYMiaoshaCell.m
//  test
//
//  Created by yifan on 15/8/18.
//  Copyright (c) 2015年 黄成都. All rights reserved.
//

#import "MAYMiaoshaCell.h"
#import "Masonry.h"
#import "UIImageView+WebCache.h"

#define UIColorFromRGB(rgbValue) [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue & 0xFF00) >> 8))/255.0 blue:((float)(rgbValue & 0xFF))/255.0 alpha:1.0]

@interface MAYMiaoshaCell ()
@property(nonatomic,strong)UIImageView *pictureView;
@property(nonatomic,strong)UILabel *titleLable;
@property(nonatomic,strong)UILabel *priceLable;
@property(nonatomic,strong)UILabel *leaveLable;
@property(nonatomic,strong)UIButton *miaoshaButton;
@property(nonatomic,strong)UIView *lineView;

@property(nonatomic,strong)UIImageView *miaoshaimage;
@property(nonatomic,assign)NSInteger totalMargin;

@property(nonatomic,strong)NSTimer *timer;
@property(nonatomic,assign)long lTime;
@property(nonatomic,strong)UILabel *timeLable;
@end

@implementation MAYMiaoshaCell

-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        [self createView];
        [self settingViewLayout];
    }
    self.selectionStyle = UITableViewCellSelectionStyleNone;
    return self;
}

-(void)createView{
    self.pictureView = [[UIImageView alloc]init];
    CALayer *layer = [self.pictureView layer];
    layer.borderColor = [UIColor colorWithRed:224/255.0 green:224/255.0 blue:224/255.0 alpha:1].CGColor;
    layer.borderWidth = 1.0f;
    [self.contentView addSubview:self.pictureView];
    
    self.titleLable = [[UILabel alloc]init];
    self.titleLable.numberOfLines = 0;
    self.titleLable.font = [UIFont systemFontOfSize:15];
    [self.contentView addSubview:self.titleLable];
    
    self.miaoshaimage = [[UIImageView alloc]init];
    self.miaoshaimage.image = [UIImage imageNamed:@"btn-flashsales-2"];
    [self.contentView addSubview:self.miaoshaimage];
    
    self.priceLable = [[UILabel alloc]init];
    self.priceLable.numberOfLines = 0;
    self.priceLable.font = [UIFont systemFontOfSize:15];
    [self.contentView addSubview:self.priceLable];
    
    self.leaveLable = [[UILabel alloc]init];
    self.leaveLable.numberOfLines = 0;
    self.leaveLable.font = [UIFont systemFontOfSize:15];
    [self.contentView addSubview:self.leaveLable];
    
    self.miaoshaButton = [[UIButton alloc]init];
    [self.contentView addSubview:self.miaoshaButton];
    
    self.timeLable = [[UILabel alloc]init];
    [self.miaoshaButton addSubview:self.timeLable];
    
    self.lineView = [[UIView alloc]init];
    self.lineView.backgroundColor = [UIColor lightGrayColor];
    [self.contentView addSubview:self.lineView];

}
-(void)settingViewLayout{
    
    //self.totalMargin = 0;
    [self.pictureView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(self.contentView).offset(15);
        make.top.mas_equalTo(self.contentView).offset(15);
        make.width.mas_equalTo(100);
        make.height.mas_equalTo(86);
    }];
    
    [self.miaoshaimage mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(self.contentView).offset(125);
        make.top.mas_equalTo(self.contentView).offset(15);
        make.width.mas_equalTo(60);
        make.height.mas_equalTo(20);
    }];
    
    [self.titleLable mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(self.contentView).offset(125);
        make.top.mas_equalTo(self.contentView).offset(15);
        make.right.mas_equalTo(self.contentView).offset(-22);
        self.totalMargin += 15;
    }];
    
    [self.priceLable mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(125);
        make.top.mas_equalTo(self.titleLable.mas_bottom).offset(14);
        make.right.mas_equalTo(self.contentView).offset(-22);
        self.totalMargin += 14;
    }];
    [self.leaveLable mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(125);
        make.top.mas_equalTo(self.priceLable.mas_bottom).offset(14);
        make.right.mas_equalTo(self.contentView).offset(-22);
        self.totalMargin += 14;
    }];
    [self.miaoshaButton mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(125);
        make.top.mas_equalTo(self.leaveLable.mas_bottom).offset(12);
        make.width.mas_equalTo(145);
        make.height.mas_equalTo(30);
        self.totalMargin += 12;
    }];
    
    [self.lineView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(0);
        make.top.mas_equalTo(self.miaoshaButton.mas_bottom).offset(20);
        make.width.mas_equalTo(320);
        make.height.mas_equalTo(0.5);
        self.totalMargin += 20;
        make.bottom.offset(0);////这句话无比重要,标示每个cell的间隔
    }];

}

-(void)setEntity:(MAYMiaoshaEntity *)entity{
    _entity = entity;
    NSString *urlstring = [entity.ImgUrl stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
    [self.pictureView sd_setImageWithURL:[NSURL URLWithString:urlstring] placeholderImage:[UIImage imageNamed:@"xx.png"]];
    NSString *titleString = [NSString stringWithFormat:@"               %@",entity.ProductName];
    self.titleLable.text = titleString;
    
    NSString *lastString = [NSString stringWithFormat:@"秒杀价:%ld￥/%@",(long)[entity.SecKillPrice integerValue],entity.Size];
    NSString *subString = [NSString stringWithFormat:@"%ld￥",(long)[entity.SecKillPrice integerValue]];
    NSMutableAttributedString *AttlastString = [[NSMutableAttributedString alloc]initWithString:lastString];
    [AttlastString setAttributes:[self getAttribute] range:NSMakeRange(4,subString.length)];
    
    self.priceLable.attributedText =AttlastString;

    self.leaveLable.text = [NSString stringWithFormat:@"剩余:%ld件",(long)[entity.LimitBuyCount integerValue]];
    
    
    [self.miaoshaButton setImage:[UIImage imageNamed:@"btn-flashsales-countdown"] forState:UIControlStateNormal];        //self.miaoshaButton.backgroundColor = [UIColor redColor];
    if ([entity.RemainStartTotalSeconds longLongValue] > 0) {//未开始btn-flashsales-countdown
        [self.miaoshaButton setImage:[UIImage imageNamed:@"btn-flashsales-countdown"] forState:UIControlStateNormal];
        self.timeLable.hidden = NO;
    }else if ([entity.RemainEndTotalSeconds longLongValue] > 0){//活动中
        if (entity.LimitBuyCount > 0) {//可以抢购
            self.miaoshaButton.userInteractionEnabled = YES;
            [self.miaoshaButton setImage:[UIImage imageNamed:@"btn-flashsales"] forState:UIControlStateNormal];
        }else{//已抢完
            [self.miaoshaButton setImage:[UIImage imageNamed:@"btn-sold-out"] forState:UIControlStateNormal];
        }
    }else{//已结束
        [self.miaoshaButton setImage:[UIImage imageNamed:@"btn-ended"] forState:UIControlStateNormal];
    }
    
    
}

#pragma mark 点击立即抢购
-(void)clickMiaoShaButton:(UIButton *)sender{
    NSLog(@"点击立即抢购");
   // self.imageTapCallBack(@(self.tag));
}


//-(CGSize)sizeThatFits:(CGSize)size{
//    CGFloat totalHeight = 0;
//    totalHeight += [self.titleLable sizeThatFits:size].height;
//    totalHeight += [self.priceLable sizeThatFits:size].height;
//    totalHeight += [self.leaveLable sizeThatFits:size].height;
//    totalHeight += [self.miaoshaButton sizeThatFits:size].height;
//    totalHeight += [self.lineView sizeThatFits:size].height;
//    //totalHeight += self.totalMargin + 20; // margins
//    totalHeight += 75;
//    return CGSizeMake(size.width, totalHeight);
//}

- (void)awakeFromNib {
    // Initialization code
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state
}

-(NSDictionary *)getAttribute
{
    NSDictionary *thedic =@{
                            NSFontAttributeName:[UIFont boldSystemFontOfSize:13],
                            NSForegroundColorAttributeName:UIColorFromRGB(0xb90a0a),
                            NSBackgroundColorAttributeName:[UIColor clearColor]
                            };
    return thedic;
}

@end

最后编辑于：2017.12.03 05:57:46

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 216,496评论 6赞 501
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 92,407评论 3赞 392
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 162,632评论 0赞 353
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 58,180评论 1赞 292
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 67,198评论 6赞 388
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 51,165评论 1赞 299
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 40,052评论 3赞 418
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 38,910评论 0赞 274
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 45,324评论 1赞 310
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 37,542评论 2赞 332
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 39,711评论 1赞 348
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 35,424评论 5赞 343
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 41,017评论 3赞 326
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 31,668评论 0赞 22
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 32,823评论 1赞 269
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 47,722评论 2赞 368
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 44,611评论 2赞 353

IOS 用Masonry和FDTemplateLayoutCell实现uitableviewcell自动布局

推荐阅读更多精彩内容