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