简介
我们在使用mansory的过程中，发现用布局控件很快、很容易，但是具体到怎么计算UITableViewCell的高度的时候，如果不是用得故事版和XIB，就遇到了麻烦。在公司中团队开发一般是用纯代码写的比较多，因为这样便于多人开发和日后的维护；但是我们使用了autolayout就没有了frame的概念，那怎么计算cell的高度呢？
了解tableView数据源方法的调用顺序
- 先调用 ,返回多少组(会被多次调用，两次)
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
- 然后调用,返回某个单元格内容(会被多次调用)
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
- 再调用，返回这个单元格的高度(会被多次调用)
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
使用mansory约束控件时，如何才能够自动计算cell的高度？
1 需要利用到模型数据来计算出cell的总的高度
2 cell需要提供一个接口给外界调用，传入模型数据来计算cell的高度
-(CGFloat)rowHeightWithCellModel:(HomeModel *)homeModel;
3 注意性能优化，由于tableView的滚动，模型数据被反复设置，而cell的高度只需要利用获得的模型数据计算一次就可以，使用懒加载的方式计算高度，当模型数据重新获取时，重新计算
self.tableView.separatorStyle=UITableViewCellSeparatorStyleNone;//去掉默认下划线
self.tableView.estimatedRowHeight=200; //预估行高 可以提高性能
self.tableView.rowHeight = 88;
模型的属性
HomeModel.h
//单元格的高度
@property (nonatomic,assign) CGFloat cellHeight;
HomeModel.m
//惰性初始化是这样写的
-(CGFloat)cellHeight
{
//只在初始化的时候调用一次就Ok
if(!_cellHeight){
HomeViewCell *cell=[[HomeViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:homeIndentifier];
// 调用cell的方法计算出高度
_cellHeight=[cell rowHeightWithCellModel:self];
NSLog(@"计算的高度是：%f", _cellHeight);
}
return _cellHeight;
}
cell在创建的时候，初始化自己的子控件，添加约束，把能添加的约束都添加上，但是还有某些控件的高度是由数据决定的，有些控件的高度是固定的，而某些控件还缺少必要的高度约束，在cell提供的接口-(CGFloat)rowHeightWithCellModel:(HomeModel *)homeModel方法中补上，调用[self layoutIfNeeded];更新约束
//在表格cell中 计算出高度
-(CGFloat)rowHeightWithCellModel:(HomeModel *)homeModel
{
_homeModel=homeModel;
__weak __typeof(&*self)weakSelf = self;
//设置标签的高度
[self.content mas_makeConstraints:^(MASConstraintMaker *make) {
// weakSelf.contentLabelH 这个会调用下面的懒加载方法
make.height.mas_equalTo(weakSelf.contentLabelH);
}];
// 2. 更新约束
[self layoutIfNeeded];
//3. 视图的最大 Y 值
CGFloat h= CGRectGetMaxY(self.content.frame);
return h+marginW; //最大的高度+10
}
/*
* 懒加载的方法返回contentLabel的高度 (只会调用一次)
*/
-(CGFloat)contentLabelH
{
// 标签的高度
if(!_contentLabelH){
CGFloat h=[self.homeModel.content boundingRectWithSize:CGSizeMake(([UIScreen mainScreen].bounds.size.width)-2*marginW, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:16]} context:nil].size.height;
_contentLabelH=h+marginW; //内容距离底部下划线10的距离
}
return _contentLabelH;
}
cell初始化子控件
#pragma mark 添加子控件
-(void)setupUI
{
//1.添加图片
UIImageView *icon=[UIImageView new];
icon.contentMode=UIViewContentModeScaleAspectFill;
icon.clipsToBounds=YES;
[self.contentView addSubview:icon];
self.icon=icon;
//2.添加label
UILabel *content=[UILabel new];
content.numberOfLines=0; //多行显示
content.font=[UIFont systemFontOfSize:16];
[self.contentView addSubview:content];
self.content=content;
//3.底部添加一条线
UIImageView *line=[UIImageView new];
line.backgroundColor=[UIColor grayColor];
[self.contentView addSubview:line];
self.line=line;
//设置约束
__weak __typeof(&*self)weakSelf = self;
//1.设置图片的大小
[self.icon mas_makeConstraints:^(MASConstraintMaker *make) {
make.height.mas_equalTo(iconH); //头像的高度
make.width.mas_equalTo(iconW); //头像的宽度
make.top.equalTo(weakSelf.mas_top).offset(marginW) ; //距离顶部10的距离
make.centerX.equalTo(weakSelf.mas_centerX); //头像的中心x和cell的中心x一样
// make.centerY.equalTo(self.mas_centerY); 头像的中心y和cell的中心y一样
}];
//2.设置contentLabel
[self.content mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(weakSelf.icon.mas_bottom).offset(marginW); //文本距离头像底部10个间距
make.left.equalTo(weakSelf.mas_left).offset(marginW); //文本距离左边的距离
make.right.equalTo(weakSelf.mas_right).offset(-marginW); //文本距离右边的距离
//文本高度 我们在数据源方法中获取模型中cellHeight属性时再计算
#warning 未完待续。。。
}];
//3.设置下划线的大小
[self.line mas_makeConstraints:^(MASConstraintMaker *make) {
make.height.mas_equalTo(0.5);
make.left.equalTo(weakSelf.mas_left).offset(0);
make.right.equalTo(weakSelf.mas_right).offset(0);
make.bottom.equalTo(weakSelf.mas_bottom).offset(-marginW); //下划线距离底部10的距离
}];
}
tableView的数据源方法和代理方法
/*
返回多少行
*/
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
//因为是我们自定义的数据 所以 这里写arr而不是arrModel 因为只有这样才会调用arr的懒加载犯法
return self.arr.count;
}
/*
返回表格单元
*/
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
//取出模型
HomeModel *model=self.arrModel[indexPath.row];
HomeViewCell *cell = [tableView dequeueReusableCellWithIdentifier:homeIndentifier];
if (cell == nil) {
cell = [[HomeViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:homeIndentifier];
}
//传递模型给cell
cell.homeModel=model;
return cell;
}
/*
* 返回每一个表格单元的高度
*/
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
//取出模型
HomeModel *homeModel=self.arrModel[indexPath.row];
return homeModel.cellHeight ;
}
