TableView刷新闪动问题 —— iOS 11
背景:
商品详情页,内容较多,分多个接口请求加载。根据请求到的数据,来判断是否显示某些内容。
处理方法
多个接口按顺序请求,请求完一个,在接着请求下一个。将得到的数据,加载进来,在刷新整个商品详情的tableView。
现象:
iOS 11系统下,TableView 调用reloadData
方法,会导致整个界面跳动、闪屏现象,拖拉到某个位置,在根据接口返回数据加载刷新tableView,效果更惨。。iOS 11之前系统不会出现闪屏跳动现象。效果如下图:
分析原因
既然只是在iOS 11系统才会出现这个问题,就研究下iOS 11的一个特性。
iOS 11系统,tableView的加载及显示cell机制做了调整。
根本原因
产生的原因是在创建TableViewCelll的时候,系统给加了一个默认预估estimatedRowHeight
的cell高度== UITableViewAutomaticDimension
。
参见系统属性备注:@property (nonatomic) CGFloat estimatedRowHeight NS_AVAILABLE_IOS(7_0); // default is UITableViewAutomaticDimension, set to 0 to disable
默认是UITableViewAutomaticDimension
,当设置这个属性是0的时候,就不会估算cell高度了。
iOS 11以后系统默认开启Self-Sizing,Self-Sizing官方文档解释:大概是说我们不用再自己去计算cell的高度了,只要设置好这两个属性,约束好布局,系统会自动计算好cell的高度。
解决办法:
将估算高度设置为0即可:
tableView.estimatedRowHeight = 0;
如果你有使用、加载sectionHeadView或sectionFootView的需求,也会出现闪屏现象,同理将这两个估算高度设置为0即可。
tableview.estimatedSectionHeaderHeight = 0;
tableview.estimatedSectionFooterHeight = 0;