“UITableView的高度计算”这个题目主要通过一个tablveView高度计算的例子从浅到深讲一下cell的高度计算的方式
一，在cell内部计算高度（会多次调用cell内部代码，造成资源的很大浪费）
在cell高度不一致的时候，我们首先想到的是重写下面的方法：- (CGFloat)tableView:(UITableView )tableView heightForRowAtIndexPath:(NSIndexPath )indexPath;
所以我们需要提前算出高度；但是一般cell的高度都是由cell的内容决定的，所以在cell内部通过其内容来计算高度然后返回height貌似成了一个较好的办法。但是有一个问题就是：cell需要先得到高度之后才能进行展示。这也就造成了我们返回cell高度的时候需要先计算一次高度，然后展示出来的时候再计算一次高度。这种方式造成了内存的很大浪费，有时候甚至会卡帧。这种方式具体如下:(用了Masory进行了约束以减少代码量)1，在cell内部接受到数据的时候进行赋值然后约束，然后获取高度的值：
- (void)setStatus:(IMStatus *)status{
_status = status;
_iconView.image = [UIImage imageNamed:status.icon];
[_iconView mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.left.mas_equalTo(self).with.mas_offset(20);
make.width.height.mas_equalTo(50);
}];
_nameLabel.text = status.name;
[_nameLabel mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(_iconView.mas_right).with.offset(10);
make.centerY.mas_equalTo(_iconView.mas_centerY);
make.width.mas_greaterThanOrEqualTo(5);
make.height.mas_equalTo(30);
}];
_vipView.image = [UIImage imageNamed:@"vip"];
[_vipView mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(_nameLabel.mas_right).with.offset(10);
make.centerY.mas_equalTo(_nameLabel.mas_centerY);
make.width.height.mas_equalTo(20);
}];
_textLabel.text = status.text;
[_textLabel mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(_iconView.mas_left);
make.width.mas_equalTo(300);
make.top.mas_equalTo(_iconView.mas_bottom).with.offset(20);
}];
if (status.picture.length>0) {
_picView.hidden = NO;
_picView.image = [UIImage imageNamed:status.picture];
[_picView mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.mas_equalTo(_textLabel.mas_bottom).with.offset(20);
make.left.mas_equalTo(_textLabel.mas_left);
make.width.height.mas_equalTo(100);
}];
[self layoutSubviews];
self.height = _picView.frame.origin.y + 100 + 20;
}else{
_picView.hidden = YES;
[self layoutSubviews];
CGFloat textHeihgt = [_textLabel sizeThatFits:CGSizeMake(300, MAXFLOAT)].height;
self.height = _textLabel.frame.origin.y + textHeihgt + 20;
}
}
- 2，在控制器中把数据传给cell得到高度：
下面可以看到在获取高度的时候传第一次数据，在cell展示的时候又传递了一次数据
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
IMTableViewCell *cell = [IMTableViewCell cellWithTableView:tableView];
IMStatus *status = _statuses[indexPath.row];
cell.status = status;
return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
//这里是不能拿到当前indexPath的cell的，因为tableView是先计算了高度之后才会有cell添加，也就是说cellForRowAtIndexPath:这个方法是需要调用高度计算的这个函数的，所以直接循环会死掉
//IMTableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
//所以在排除了MVVM模式之外应该就只能在这个函数内部计算高度
IMTableViewCell *cell = [IMTableViewCell cellWithTableView:tableView];
IMStatus *status = _statuses[indexPath.row];
cell.status = status;//可以在cell的相关方法里看到调用了[self layoutSubviews];就是为了能够拿到会后的高度
return cell.height;
}
二，把cell中的内容抽取到自定义的UIView中计算
然后我想到既然在cell内部计算需要调用多次，能不能把cell计算的内容都抽取到一个UIView中去呢。‘’‘’‘’‘’
三，把cell中frame计算抽取到自定义的NSObject中
但是用第二种方式有一个缺点：就是会创建对象。这个对于我们而言也是比较难接受的，那么就想到了第三方方式：把cell中高度计算的代码抽取到工具类中进行计算，具体代码如下：*
1， IMStatusFrame工具类的封装：（frame计算的代码的抽取）
- (void)setStatus:(IMStatus *)status{
_status = status;
_iconViewF = CGRectMake(10, 10, 50, 50);
static UILabel *stringLabel = nil;
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{//生成一个同于计算文本高度的label
stringLabel = [[UILabel alloc] init];
stringLabel.numberOfLines = 0;
});
stringLabel.text = status.name;
//NSLog(@"nameLabel ---- %@",stringLabel.text);
CGFloat nameLabelW = [stringLabel sizeThatFits:CGSizeMake(MAXFLOAT, MAXFLOAT)].width;
CGFloat nameLabelH = [stringLabel sizeThatFits:CGSizeMake(MAXFLOAT, MAXFLOAT)].height;
_nameLabelF = CGRectMake(80, (60-nameLabelH)/2, nameLabelW, nameLabelH);
_vipViewF = CGRectMake(CGRectGetMaxX(_nameLabelF) + 10, CGRectGetMinY(_nameLabelF), 20, 20);
stringLabel.text = status.text;
CGFloat textLabelW = [stringLabel sizeThatFits:CGSizeMake(400, MAXFLOAT)].width;
CGFloat textLabelH = [stringLabel sizeThatFits:CGSizeMake(400, MAXFLOAT)].height;
_textLabelF = CGRectMake(CGRectGetMinX(_iconViewF), CGRectGetMaxY(_iconViewF)+ 20, textLabelW, textLabelH);
if (status.picture.length>0) {
_picViewF = CGRectMake(CGRectGetMinX(_iconViewF), CGRectGetMaxY(_textLabelF)+20, 200, 200);
self.height = CGRectGetMaxY(_picViewF) + 10;
}else{
self.height = CGRectGetMaxY(_textLabelF) + 10;
}
}
- 2，然后在控制器中只需要把数据都存在IMStatusFrame对象中，完成计算，然后存进数组中作为整个tableView的数据源，在需要的时候直接从数组中调用而不是创建新的对象什么的。
//数据封存，在封存的时候已经完成了计算了呢
- (NSMutableArray *)statusFrame{
if (_statusFrame == nil) {
_statusFrame = [NSMutableArray array];
NSArray *statusArray = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"weibo.plist" ofType:nil]];
[statusArray enumerateObjectsUsingBlock:^(NSDictionary *dict, NSUInteger idx, BOOL * _Nonnull stop) {
IMStatus *status = [IMStatus statusWithDict:dict];
IMStatusFrame *frame = [[IMStatusFrame alloc] init];
frame.status = status;
[_statusFrame addObject:frame];
}];
}
return _statusFrame;
}
//在下面的两个方法中直接调用数组中IMStatusFrame对象的内容即可
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
IMTableViewCell *cell = [IMTableViewCell cellWithTableView:tableView];
cell.frames = self.statusFrame[indexPath.row];
return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
//所以在排除了MVVM模式之外应该就只能在这个函数内部计算高度
IMStatusFrame *frame = self.statusFrame[indexPath.row];
return frame.height+10;
}
- 3，在cell内部直接调用IMStatusFrame内部的frame即可
- (void)setFrames:(IMStatusFrame *)frames{
_frames = frames;
_iconView.image = [UIImage imageNamed:frames.status.icon];
_iconView.frame = frames.iconViewF;
_nameLabel.text = frames.status.name;
_nameLabel.frame = frames.nameLabelF;
_vipView.image = [UIImage imageNamed:@"vip"];
_vipView.frame = frames.vipViewF;
_textLabel.text = frames.status.text;
_textLabel.frame = self.frames.textLabelF;
if (frames.status.picture.length>0) {
_picView.hidden = NO;
_picView.image = [UIImage imageNamed:frames.status.picture];
_picView.frame = frames.picViewF;
}else{
_picView.hidden = YES;
}
}
至此，高度计算基本就搞定了，但是这样做还是比较麻烦，下次讲一下自动布局下的高度计算以及其tableView在高度计算的优化
