美文网首页
关于iOS中UITableView自适应动态高度的回到顶部错位问

关于iOS中UITableView自适应动态高度的回到顶部错位问

作者: a_只羊 | 来源:发表于2020-08-31 17:11 被阅读0次

问题

在iOS开发中,动态布局cell的内容的时候,由于涉及到cell的高度返回,所以此时的高度通常有以下两种方案去解决:

  • 依据数据纯计算cell的高度进行cell高度的返回
  • 依据iOS自带的动态cell高度直接返回

今天遇到的问题主要来自第二种,通过自动布局,约束整体cell的顶部以及底部的约束来动态依据系统确定其高度,此时我们只需要给出每个cell 的预估高度,返回自动计算动态高度即可完成cell的高度值。如下:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{    
    return UITableViewAutomaticDimension;
}

- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath{
    return 150;
}

此时基本已经完成UITableView的正常显示了,当然前提是UITableViewCell正常自动布局正确的情况下。

这样实际上会有两个问题存在:

  • 每次都会依据不太准确的预估高度去精化具体的cell高度,存在每次计算,会有一定的性能损耗
  • 由于返回的均是临时计算的预估高度,当前显示的高度均为临时计算,会导致整体ScroollView的内容高度有一定的偏差

第二个问题在获取内容高度的时候会有一定的问题发生,比如此时开发的业务需要双击某个按钮刷新操作(用户浏览到content中间的某个区域),返回到顶部的时候(使用[self.tableView setContentOffset:CGPointMake(0,0)]),就会出现内容的偏差问题了,会发现内容高度并没有真正的回到顶部,而是差了一点点,当然这跟设置的预估高度有关。

解决

这个问题,网上也有一套解决方案,大致都是关闭tableView的预估高度操作(预估高度直接返回0,-(CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath),这个方法是有效果的,虽然解决了内容偏移的问题,但是却引发了新的问题,因为没有了预估高度的存在,会导致tableView在滚动加载cell的时候有明显的跳跃感,用户体验及其差劲,所以这最终不是一套很好的解决方案。

内容的偏移差错毕竟是因为内容的cell的高度不准确导致的,所以根源就是cell的高度预估高度错误导致的。此时解决方案就有了:

  • 直接通过数据算cell的高度,不使用系统的动态高度返回(此方法肯定是最优)
  • 精化预估高度的返回,保证预估高度返回就是其真正cell的高度的返回

这里说一下精化预估高度的返回,由于每次cell展示的时候都是通过系统动态计算自动布局的高度进行返回的(结合预估高度),所以此时在系统准备展示cell的时候(此时cell的高度已经由系统动态计算返回),能够把这个数值缓存起来,然后下次进行预估高度返回的时候给出当前cell已经确定的缓存值,那么每次的预估高度就是准确的了,只要预估高度准确,那么内容的高度以及偏移就迎刃而解了。所以在设置预估高度的时候我们可以进行高度缓存的提取,从而达到缓存高度精化的目的,如下:

/// 即将展示cell 的时候缓存当前的cell高度
/// @param tableView
/// @param cell
/// @param indexPath
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
    [self.cellHeightDict setObject:@(cell.frame.size.height) forKey:indexPath];
}

/// 返回预估高度的时候如果有缓存高度直接返回精化后的高度
/// @param tableView
/// @param indexPath 
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath{
    NSNumber *height = [self.cellHeightDict objectForKey:indexPath];
    if (height) return height.doubleValue;
    
    return 150;
}

总结

UITableView在进行自动高度返回的时候由于预估高度的存在,所以在整体内容高度获取上会受到cell预估高度的影响,进而导致contentOffset的偏差,导致内容获取错误的问题产生。所以如果用到自动布局+动态高度计算来进行页面展示的话,建议缓存cell的高度进行预估高度的精化,进而保证tableView的内容数值始终正确,避免奇奇怪怪的问题的产生。

相关文章

网友评论

      本文标题:关于iOS中UITableView自适应动态高度的回到顶部错位问

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