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