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;
复制代码
修复之后的效果图:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值