美文网首页
tableViewCell行高计算

tableViewCell行高计算

作者: 鱼得琴 | 来源:发表于2018-12-11 10:54 被阅读0次

    tableViewCell行高计算

    UITableView 是在app界面里非常常用的一个控件了,打开一个app,内容列表 作者列表 朋友圈列表等等,,,都离不开 UITableView 。 而 UITableView 的精髓,则是在 UITableViewCell 展现的, 最常用的 自定义cell 有的行高是固定的,而大部分 则需要根据内容来计算行高展示的。

    下面就说说我在实际开发中处理cell行高的几种情况:

    1. 不需要动态计算高度

    我在写tableview时,基本都是自定义cell,而所有的自定义cell,都会继承一个基类BaseTableViewCell:

    .h里:
    // 重用标识
    + (NSString *)reuseIdentifier;
    // cell高度
    + (CGFloat)staticHeight;
    
    .m里:
    - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        self.opaque = NO;
        self.selectionStyle = UITableViewCellSelectionStyleNone;
    }
    return self;
    }
    
    // 重用标识
    + (NSString *)reuseIdentifier {
    return NSStringFromClass([self class]);
    }
    
    // cell高度
    + (CGFloat)staticHeight {
    return 44.f;
    }
    

    这样写的好处是,当我们在使用tableview时,会方便我们对重用标识符 行高使用,看一下:
    staticHeight可以在子类的自定义cell里更改设置,使用时:

    image

    这样写,更能清晰明了的看到对每个自定义cell的设置,也会让代码看上去优雅整齐一些。

    2. 自适应高度

    在 iOS8 之后,系统结合autolayout提供了动态结算行高的方法 UITableViewAutomaticDimension,做好约束,我们都不用去实现 heightForRowAtIndexPath 这个代理方法了。

    masonry支持毫无压力。

    实现步骤:

    1. tableView设置
    // 预设行高
    self.tableView.estimatedRowHeight = xxx;
    // 自动计算行高模式 
    self.tableView.rowHeight = UITableViewAutomaticDimension;
    
    1. 在自定义cell里,masonry布局,比如:

    布局时两个注意点:
    · 所有子控件,都要依赖与self.contentView作为约束父控件,而不是self(cell)
    · 关键控件要做bottom约束 (因为不再指定行高,所以要需要给出根据bottom的约束)

    1. 最关键的一步: [cell layoutIfNeeded]

      - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
      WMDoctorEvaluateDescribeInputCell *cell = [tableView dequeueReusableCellWithIdentifier:[WMDoctorEvaluateDescribeInputCell reuseIdentifier] forIndexPath:indexPath];
      kWeakSelf
      cell.describeInputBlock = ^(NSString * _Nonnull describeText) {
          weakSelf.inputDescribeText = describeText;
      };
      //关键的一步,解决不正常显示问题
      [cell layoutIfNeeded];
      return cell;
      }
      

    这样就完成了自动适应高度的要求了。

    另外: 针对一些自动适应高度不好做的cell,可以单独处理 如下:

    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    if (indexPath.section == 2) {
         return [WMDoctorEvaluateStarCell staticHeight];
    }
    return UITableViewAutomaticDimension;
    }
    

    5.自适应高度 - 缓存行高

    在用UITableViewAutomaticDimension,有的界面比较复杂,虽然这样能完成显示,但是在滑动的过程中,能肉眼感受到卡 掉帧,众所周知 60fps是比较符合人眼审视的,如果帧数 低于这个数值过多,就会明显感受到卡帧等现象,这属于优化性能方面的问题,所以就要思考一下怎样来达到优化tableview性能。

    思路: 缓存高度机制

    首先获取cell实际显示的高度

    - (void)tableView:(UITableView *)tableView didEndDisplayingCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath 
    {
      NSString *key = [NSString stringWithFormat:@"%ld",    (long)indexPath.row];
      [self.heightDict setObject:@(cell.height) forKey:key];
      NSLOG(@"第%@行的计算的最终高度是%f",key,cell.height);
    }
    

    //didEndDisplayingCell 当cell滑出屏幕时会触发此方法,是cell已经被真正的显示在了屏幕上,所以在这里打印出的高度必然是最正确的高度。根据indexPath.row作为key,将高度缓存进字典.

    然后在 heightForRowAtIndexPath 方法里判断,如果字典里有值,则使用缓存高度,否则自动计算:

    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
    {
        NSString *key = [NSString stringWithFormat:@"%ld",indexPath.row];
        if (self.heightDict[key] != nil) {
           NSNumber *value = _heightDict[key];
           return value.floatValue;
        }
        return UITableViewAutomaticDimension;
    }
    

    注意:设置cell的预估高度时一定要设置最小高度cell的那个值。不然的话,在滑动的时候,当高度最小的那个滑动到一大半的时候,就会突然一下消失,造成掉帧的现象。

    相关文章

      网友评论

          本文标题:tableViewCell行高计算

          本文链接:https://www.haomeiwen.com/subject/dmrshqtx.html