MJRefresh使用过程中遇到的一个问题

需求

  • 一个controller中包含一个tableview和两个button,点击button,tableview进行下拉刷新;
  • 一个controller中包含一个collectionview和两个button,点击button,collectionview进行下拉刷新。

实现

使用Swift3.0语法,使用第三方框架MJRefresh(3.0.8版本)进行实现。

代码

在按钮的点击事件中判断,是否正在进行刷新,如果正在进行下拉刷新,则先停止下拉刷新,在开启下拉刷新。
代码截图如下:

注册tableview下拉刷新.png
tableview代码.png
注册collectionview下拉刷新.png
collectionview代码.png

效果

tableview演示.gif
collectionview演示.gif

问题

从截图中的动画效果和打印结果来看,在tableview中,正在刷新时,点击按钮,先停止了刷新,然后又开启的刷新,运行结果符合预期。但是在collectionview中,正在刷新时,点击按钮,直接停止了刷新,并没有开启新的刷新,运行结果不符合预期。
为什么同一个框架,效果不一样呢?

探索

这个地方,我们用到了框架提供的是三个方法:

mj_header.isRefreshing()
mj_header.beginRefreshing()
mj_header.endRefreshing()

经过查看这三个方法相关的源码,我们发现:

MJRefresh源码.png

在endRefreshing的方法中,进行了判断,如果是UICollectionView,endRefreshing的动作延迟了0.1秒执行(为什么要延迟0.1s执行?),所以我们大胆的猜想,正是由于延迟了这0.1秒,导致collectionView先结束再刷新实际执行是先刷新了两次,然后在结束。如果第二次刷新也延迟0.1秒执行,应该可以得到正确的结果。

修改后的代码:

延迟执行.png

修改后的结果:

修改后的collectionview演示.gif

可以看到,延迟执行后,实际效果和预期效果相同了。

结论

在MJRefresh(3.0.8版本)中之所以出现上述问题,是由于框架在endRefreshing的方法中,进行了判断,如果是UICollectionView,endRefreshing的动作延迟了0.1秒执行,导致了上述问题的产生。所以只要再次刷新时同样延迟0.1秒执行beginRefreshing()就可以解决问题。

拓展

目前MJRefresh的最新版本为3.1.12,我们来看看在3.1.12版本中这个问题有什么变化。

最新版本源码.png

在这个版本中,endRefreshing统一添加到主线程异步执行。所以我们的代码也应该把第二次beginRefreshing添加到主线程异步执行:

添加到主线程异步执行.png

思考

从这两个版本的变化中可以看出,3.0.8中的处理是个临时方法,最终的处理方法是3.1.12中添加到主线程异步执行。
在我的经验中,添加的主线程异步执行,解决了在一个动画未执行完毕时又添加一个动画导致冲突的问题。所以猜想作者可能是为了解决正在刷新的动画或者用户对scrollview进行操作的动画和结束刷新的动画造成冲突。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 嗯哼嗯哼蹦擦擦~~~ 转载自:https://github.com/Tim9Liu9/TimLiu-iOS 目录 ...
    philiha阅读 5,038评论 0 6
  • 如果你问我什么是青春, 我会回答:青春就是荷尔蒙和梦想。
    若风在野阅读 167评论 0 0
  • 与陈生结婚多年,日子过得四平八稳,时不时也一地鸡毛,我天性中的叛逆与桀骜在无数场争吵中慢慢蛰伏去,估计再过些时日,...
    顺愿阅读 398评论 0 0
  • 那个年代其实还是有爱情的。表哥的爱情不是被无产阶级的革命情谊杀死的,而是被舅母活生生地掐死的。 舅母听表哥说他要退...
    我是裸猿阅读 474评论 1 2