Masonry自动计算cell行高：HYBMasonryAutoCellHeight

来源：互联网发布：笑气在淘宝怎么搜编辑：程序博客网时间：2024/05/17 02:45

前言

还在手动计算UITableViewCell的行高吗？还在每次都因为需求变化一点就要大量调整cell的高度而烦恼吗？现在教大家如何通过Masonry的自动布局来实现自动计算cell的行高！！！

在github没有找到基于Masonry自动计算行高的库，倒是找到了使用xib/storyboard在添加约束来自动计算行高的库，如： UITableView-FDTemplateLayoutCell

本人非常推崇Masonry来实现代码的自动布局，因此项目中都是使用Masonry布局的，为了自动计算行高，决定写一个扩展，以达到自动计算的效果，如此一来，开发者不用再关心那些非固定行高的cell的动态计算问题了。

设置关键依赖

要想自动计算出cell的行高，我们还需要指定以哪个视图作为cell的最后一个视图，比如我们最后要添加一条线，我们可以以这条线作为hyb_lastViewInCell，如果这条线还需要距离底部一定距离，那么可以设置hyb_bottomOffsetToCell：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
/**
* 必传设置的属性，也就是在cell中的contentView内最后一个视图，用于计算行高
* 例如，创建了一个按钮button作为在cell中放到最后一个位置，则设置为：self.hyb_lastVieInCell = button;
* 即可。
* 默认为nil，如果在计算时，值为nil，会crash
*/
@property(nonatomic,strong)UIView*hyb_lastViewInCell;
 
/**
* 可选设置的属性，默认为0，表示指定的hyb_lastViewInCell到cell的bottom的距离
* 默认为0.0
*/
@property(nonatomic,assign)CGFloathyb_bottomOffsetToCell;
 

计算行高API

要计算行高，只需要在UITableView的计算行高的代理方法中调用此API即可：

1
2
3
4
5
6
7
8
9
10
11
 
/**
* 通过此方法来计算行高，需要在config中调用配置数据的API
*
* @param indexPath 必传，对应的indexPath
* @param confi     必须要实现，且需要调用配置数据的API
*
* @return 计算的行高
*/
+(CGFloat)hyb_heightForIndexPath:(NSIndexPath*)indexPath config:(HYBCellBlock)config;
 

在调用时，config传回来了cell对象，需要在调用处调用方法来配置好数据，才能正确地计算出cell的行高。通常是这样调用的：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
-(CGFloat)tableView:(nonnullUITableView*)tableView heightForRowAtIndexPath:(nonnullNSIndexPath*)indexPath{
  HYBNewsModel*model=nil;
  if(indexPath.row<self.dataSource.count){
    model=[self.dataSource objectAtIndex:indexPath.row];
  }
 
  return[HYBNewsCell hyb_heightForIndexPath:indexPath config:^(UITableViewCell*sourceCell){
    HYBNewsCell*cell=(HYBNewsCell*)sourceCell;
    
    // 配置数据
    [cell configCellWithModel:model];
  }];
}
 

实现例子

效果图如下：

我们看下实现-initWithStyle: reuseIdentifier:方法，因为我们要自动计算cell行高会自动调用此方法，因此一定要实现此方法来布局：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
-(nonnullinstancetype)initWithStyle:(UITableViewCellStyle)style
                      reuseIdentifier:(nullableNSString*)reuseIdentifier{
  if(self=[super initWithStyle:style reuseIdentifier:reuseIdentifier]){
    self.mainLabel=[[UILabelalloc] init];
    [self.contentView addSubview:self.mainLabel];
    self.mainLabel.numberOfLines=0;
    [self.mainLabelsizeToFit];
    [self.mainLabel mas_makeConstraints:^(MASConstraintMaker*make){
      make.left.mas_equalTo(15);
      make.top.mas_equalTo(20);
      make.right.mas_equalTo(-15);
      make.height.mas_lessThanOrEqualTo(80);
    }];
    // 如果需要支持6.0，需要加上这句
//    self.mainLabel.preferredMaxLayoutWidth = ...
    
    self.descLabel=[[UILabelalloc] init];
    [self.contentView addSubview:self.descLabel];
    self.descLabel.numberOfLines=0;
    [self.descLabelsizeToFit];
    [self.descLabel mas_makeConstraints:^(MASConstraintMaker*make){
      make.left.mas_equalTo(15);
      make.right.mas_equalTo(-15);
      make.top.mas_equalTo(self.mainLabel.mas_bottom).offset(15);
    }];
    // 如果需要支持6.0，需要加上这句
    //    self.mainLabel.preferredMaxLayoutWidth = ...
    
    self.button=[UIButton buttonWithType:UIButtonTypeSystem];
    [self.contentView addSubview:self.button];
    [self.buttonsizeToFit];
    [self.button setTitle:@"我是cell的最后一个" forState:UIControlStateNormal];
    [self.button setBackgroundColor:[UIColorgreenColor]];
    [self.button mas_makeConstraints:^(MASConstraintMaker*make){
      make.left.mas_equalTo(15);
      make.right.mas_equalTo(-15);
      make.height.mas_equalTo(45);
      make.top.mas_equalTo(self.descLabel.mas_bottom).offset(40);
    }];
    
    // 必须加上这句
    self.hyb_lastViewInCell=self.button;
    self.hyb_bottomOffsetToCell=20;
  }
  
  returnself;
}
 

注意到这两行代码了吗：

1
2
3
4
 
self.hyb_lastViewInCell=self.button;
self.hyb_bottomOffsetToCell=20;
 

先是设置哪个视图作为cell的最后一个视图，然后设置了最后一个参考视图与cell的底部的距离。其中，self.hyb_lastViewInCell属性是必须要设置的，否则会抛出异常。

使用

这个组件是开源的，而且是支持cocoapods的，因此大家若是使用了cocoapods来管理项目第三方库，可以这样使用：

1
2
3
 
pod'HYBMasonryAutoCellHeight','~> 0.0.1'
 

如果项目未使用cocoapods，直接下载源代码，然后将HYBMasonryAutoCellHeight文件夹拖入工程即可使用！

源代码

大家可以到github下载源代码来看看，内部实现很简单，当然要实现自动计算行高也是有系统方法的，不一定需要像笔者这样来实现。

下载源代码：https://github.com/CoderJackyHuang/HYBMasonryAutoCellHeight

喜欢就给个star

关注我

如果在使用过程中遇到问题，或者想要与我交流，可加入有问必答QQ群：324400294

关注微信公众号：iOSDevShares

关注新浪微博账号：标哥Jacky

0 0