文档章节

你的下拉刷新是否“抖”了一下

周进
 周进
发布于 2015/10/10 17:41
字数 532
阅读 311
收藏 2

在进入IOS8之后,你有没有注意到老式的下拉刷新可能会抖一下, 在下拉松开后,scrollView即将回到“刷新中…”的状态过程中的时候。如果你又这个问题,那不妨跟随我来看看怎么解决这个问题。

抖动的原因

我们先来看看在手松开之后我们对scrollView做了什么事情:

ScrollViewDidEndDragging => setContentInset:

为了保证在“Loading”的状态下,下拉刷新控件可以展示,我们对contentInset做了修改,增加了inset的top. 那这样一步操作为什么会导致scrollView抖动一下呢。

我在scrollViewDidScroll:中打了个断点,来看看在setContentInset:之后发生了什么事情。 我设置的inset.top = 64; 结果发现scrollView的contentOffset发生了这样的变化:

(0, -64) => (0, -133) => (0, -64)

由以上数据可以看出,contentOffset在这个过程中先被向下移动了一段,再回归正常。 猜测问题原因:

下拉松开之后, scrollView本身的 bounce 效果 与 当前设置inset冲突了

初步尝试: async

知道问题的原因后,我第一思路是避开这个冲突,于是我把 setContentInset: 的方法异步调用一下:

dispatch_async(dispatch_get_main_queue(), ^{
            [UIView animateWithDuration:kAnimationDuration animations:^{
                self.scrollView.contentInset = inset;
            } completion:^(BOOL finished) {
            }];
        });

尝试了一下,问题没有了。然而有人跟我说还是遇到了这个问题, 经过验证,确实这个问题还是没有被完全修复。

二次修改: 强设contentOffset

既然是因为contentOffset改变导致的,我就再设置一下contentOffset应该就行了。于是二次尝试:

dispatch_async(dispatch_get_main_queue(), ^{
            [UIView animateWithDuration:kAnimationDuration animations:^{
                self.scrollView.contentInset = inset;
                self.scrollView.contentOffset = CGPointMake(0, -inset.top);
            } completion:^(BOOL finished) {
            }];
        });

试验结果发现,没用,问题还是存在,在这一步耗了不少时间想尽其他办法都没搞定问题,直到我将setContentOffset: 方法改为 setConentOffset:animated: 。 问题就解决了!看来系统里面这两个方法的实现是不同的啊。

dispatch_async(dispatch_get_main_queue(), ^{
            [UIView animateWithDuration:kAnimationDuration animations:^{
                self.scrollView.contentInset = inset;
                [self.scrollView setContentOffset:CGPointMake(0, -inset.top) animated:NO];
            } completion:^(BOOL finished) {
            }];
        });

小结

不要忽视小问题,在解决问题中锻炼思路。

本文转载自:http://blog.cnbluebox.com/blog/2015/01/19/shake-in-pull-to-refresh/

周进
粉丝 16
博文 35
码字总数 5679
作品 0
成都
CTO(技术副总裁)
私信 提问
iOS-多个UIScrollView滑动嵌套(仿微博、抖音、网易云个人详情页)

前言 最近做项目遇到要实现如微博个人详情页的滑动效果,通过查找资料最终完成了GKPageScrollView,可实现如微博、抖音、网易云等个人详情页的滑动效果。 该库的实现方式参考了JXPagingView,...

QuintGao
02/13
0
0
OC-抖音上拉加载(你以为单纯用MJRefresh就能实现?那你就错了)

先上DEMO记得star哦 之前实现了抖音下拉刷新效果之后就没再继续研究,想着上拉加载随便集成一下MJRefresh就可以了,很简单嘛,等需要的时候再加进去就好了。 直到某一天有个小伙伴跟我说添加...

乔兰伊雪
2018/05/18
0
0
使用PullToRefresh实现下拉刷新和上拉加载

PullToRefresh是一套实现非常好的下拉刷新库,它支持:1.ListView2.ExpandableListView3.GridView4.WebView等多种常用的需要刷新的View类型,而且使用起来也十分方便。(下载地址:https://g...

ForingY
2016/12/19
51
0
微信小程序之上拉加载与下拉刷新

在移动端,随着手指不断向上滑动,当内容将要到达屏幕底部的时候,页面会随之不断的加载后续内容,直到没有新内容为止(我们是有底线的-o-),我们称之为上拉加载,从技术角度来说,也可以称...

一斤代码
2018/03/03
0
0
Flutter学习笔记(25)--ListView实现上拉刷新下拉加载

如需转载,请注明出处:Flutter学习笔记(25)--ListView实现上拉刷新下拉加载 前面我们有写过ListView的使用:Flutter学习笔记(12)--列表组件,当列表的数据非常多时,需要使用长列表,比...

CurtisWgh
08/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Mybatis Plus删除

/** @author beth @data 2019-10-17 00:30 */ @RunWith(SpringRunner.class) @SpringBootTest public class DeleteTest { @Autowired private UserInfoMapper userInfoMapper; /** 根据id删除......

一个yuanbeth
今天
4
0
总结

一、设计模式 简单工厂:一个简单而且比较杂的工厂,可以创建任何对象给你 复杂工厂:先创建一种基础类型的工厂接口,然后各自集成实现这个接口,但是每个工厂都是这个基础类的扩展分类,spr...

BobwithB
今天
5
0
java内存模型

前言 Java作为一种面向对象的,跨平台语言,其对象、内存等一直是比较难的知识点。而且很多概念的名称看起来又那么相似,很多人会傻傻分不清楚。比如本文我们要讨论的JVM内存结构、Java内存模...

ls_cherish
今天
4
0
友元函数强制转换

友元函数强制转换 p522

天王盖地虎626
昨天
5
0
js中实现页面跳转(返回前一页、后一页)

本文转载于:专业的前端网站➸js中实现页面跳转(返回前一页、后一页) 一:JS 重载页面,本地刷新,返回上一页 复制代码代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a h...

前端老手
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部