UITableView自动计算cell高度并缓存
2016-10-25 15:31
387 查看
一.自动计算高度:
在iOS8之前,如果UITableViewCell的高度是动态的,如果想要显示正确的话,我们需要在下面这个UITableView的代理方法中,返回每一行的精确高度:
如果cell的控件很多,样式很复杂的话,在这里面我们就可能需要写很多代码去做一些复杂的计算,甚至可能导致滑动不流畅.
而且苹果在iOS8之后,推出了一种超级简单的cell动态自适应的方法.
系统的cell自适应高度的使用方法
首先我们需要把cell上的控件自上而下加好约束,用xib加约束和用masonry加代码约束都是可以的。注意约束一定要自上而下加好,让系统知道怎么去计算高度。
加好约束后,然后告诉tableView自己去适应高度就可以了。有两种写法:
或者:
这个的意思就是告诉tableView,你需要自己适应高度,我不给你算啦哈哈哈。但是我们需要告诉它一个大概高度,例如上面的100,理论上这个是可以随便写的,并不影响显示结果,但是越接近真实高度越好。
其实section的header和footer也是可以自动适应的,对应的方法有:
二.自动计算高度可能会遇到的问题
1.有时候有可能运行出来后看到cell的高度显示的不对,cell之间有重叠覆盖了。这个问题是因为约束没有满足自上而下,从而系统不知道怎么去计算。解决办法就是去修改约束,直到满足为止。
2.点击状态栏无法滚动到顶部
我们知道,如果界面中有UIScrollView的话,点击状态栏会让其滚动到顶部,但是如果我们用了自动计算高度的方法,又调用了tableView的reloadData方法(例如我们的数据有分页的时候,加载完下一页的数据后会去刷新tableView)。这时候就会出现问题,点击状态栏就有几率不能精确滚动到顶部了:
解决这个问题的办法是去缓存cell的高度,代码如下:
解释一下,就是用一个字典做容器,在cell将要显示的时候在字典中保存这行cell的高度。然后在调用estimatedHeightForRowAtIndexPath方法时,先去字典查看有没有缓存高度,有就返回,没有就返回一个大概高度。
缓存高度之后,在demo里面多试几次,发现点击状态栏已经可以精确滚动回顶部了。
这段代码其实可以写在viewController的基类里面,这样写一遍就可以每个地方都能缓存cell的高度了
在iOS8之前,如果UITableViewCell的高度是动态的,如果想要显示正确的话,我们需要在下面这个UITableView的代理方法中,返回每一行的精确高度:
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;
如果cell的控件很多,样式很复杂的话,在这里面我们就可能需要写很多代码去做一些复杂的计算,甚至可能导致滑动不流畅.
而且苹果在iOS8之后,推出了一种超级简单的cell动态自适应的方法.
系统的cell自适应高度的使用方法
首先我们需要把cell上的控件自上而下加好约束,用xib加约束和用masonry加代码约束都是可以的。注意约束一定要自上而下加好,让系统知道怎么去计算高度。
加好约束后,然后告诉tableView自己去适应高度就可以了。有两种写法:
self.tableView.rowHeight = UITableViewAutomaticDimension; self.tableView.estimatedRowHeight = 100;
或者:
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath { return 100; }
这个的意思就是告诉tableView,你需要自己适应高度,我不给你算啦哈哈哈。但是我们需要告诉它一个大概高度,例如上面的100,理论上这个是可以随便写的,并不影响显示结果,但是越接近真实高度越好。
其实section的header和footer也是可以自动适应的,对应的方法有:
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForHeaderInSection:(NSInteger)section; - (CGFloat)tableView:(UITableView *)tableView estimatedHeightForFooterInSection:(NSInteger)section;
二.自动计算高度可能会遇到的问题
1.有时候有可能运行出来后看到cell的高度显示的不对,cell之间有重叠覆盖了。这个问题是因为约束没有满足自上而下,从而系统不知道怎么去计算。解决办法就是去修改约束,直到满足为止。
2.点击状态栏无法滚动到顶部
我们知道,如果界面中有UIScrollView的话,点击状态栏会让其滚动到顶部,但是如果我们用了自动计算高度的方法,又调用了tableView的reloadData方法(例如我们的数据有分页的时候,加载完下一页的数据后会去刷新tableView)。这时候就会出现问题,点击状态栏就有几率不能精确滚动到顶部了:
解决这个问题的办法是去缓存cell的高度,代码如下:
@property (nonatomic, strong) NSMutableDictionary *heightAtIndexPath;//缓存高度所用字典
#pragma mark - UITableViewDelegate -(CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath { NSNumber *height = [self.heightAtIndexPath objectForKey:indexPath]; if(height) { return height.floatValue; } else { return 100; } } - (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath { NSNumber *height = @(cell.frame.size.height); [self.heightAtIndexPath setObject:height forKey:indexPath]; }
解释一下,就是用一个字典做容器,在cell将要显示的时候在字典中保存这行cell的高度。然后在调用estimatedHeightForRowAtIndexPath方法时,先去字典查看有没有缓存高度,有就返回,没有就返回一个大概高度。
缓存高度之后,在demo里面多试几次,发现点击状态栏已经可以精确滚动回顶部了。
这段代码其实可以写在viewController的基类里面,这样写一遍就可以每个地方都能缓存cell的高度了
相关文章推荐
- UITableView自动计算cell高度并缓存,再也不用管高度啦
- UITableView自动计算cell高度并缓存,再也不用管高度啦
- UITableView自动计算cell高度并缓存(Xib)
- UITableView自动计算cell高度并缓存
- UITableView自动计算cell高度并缓存
- 四种方法实现UITableView的cell高度自动计算
- UITableView自动计算cell的高度
- UITableView自动计算cell高度
- UITableView性能优化---自动计算cell高度(FDTemplateLayoutCell)
- cell自动计算高度(masonry与UITableView-FDTemplateLayoutCell)
- iOS8+ UITableView自动计算cell高度并缓存
- UITableView中Lable自动换行,Cell自动适应高度
- iOS开发——UITableView优化之缓存cell高度
- UITableView 如何不动态计算返回的cell 的高度
- 缓存cell高度开源代码阅读:UITableView-FDTemplateLayoutCell
- 基于MVC的自动计算Cell高度的TableView的使用
- UITableView介绍 之 AutoLayout下复杂cell的高度计算
- UITableView自动调整Cell高度
- UITableView性能优化 以及动态计算cell高度 新方法
- 使用UITableView+FDTemplateLayoutCell计算cell的高度