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

问题

在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的内容数值始终正确，避免奇奇怪怪的问题的产生。