ScrollView滚动详解

有两种滚动ScrollView的方法:

  1. 用户手动滚动,即用户手势识别——主要识别两种手势:
    drag(拖拽)手势和flick(轻弹)手势区别:flick(轻弹)手势是drag(拖拽)手势的一个变种。flick(轻弹)手势在用户手指离开屏幕后有一个惯力,该惯力在手势结束后使scrollView继续减速滑动。在scrollView减速滑动期间,用户触摸屏幕会停止scrollView的减速滑动。
    问题:flick(轻弹)手势会产生一个惯力,该惯力由拖动的速度决定,该速度可以由
    - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset
    方法中的velocity参数获取,最终停止位置由targetContentOffset参数获取,即可以根据targetContentOffset和当前scrollView的contentOffset推断出减速滑行距离;减速速率可以由scrollView的decelerationRate得到;速度、滑行距离和减速速率这三个参数之间应该由某个公式或准确关系决定,求知晓该公式的网友赐教该公式或准确关系。
  2. 代码滚动:编写代码直接滚动到某个位置

scrollView的重要的状态属性

状态属性 描述
tracking 当用户手指与设备屏幕接触的时候为YES
dragging 当用户手指与设备屏幕接触并产生移动时为YES
decelerating flick手势之后或拖动超过滚动区域并回弹后产生减速时为YES
zooming 捏放手势使zoomScale改变的时候为YES
contentOffset scrollView的bounds的左上角位置

使用代码滚动scrollView

  1. 滚动到特定位置--设置scrollView滚动到一个特定的contentOffset
    方法:setContentOffset:animated:
  • 当animated为YES 时, 以一定的速率滚到到指定的位置,滚动完成后, 回调delegate的该方法:
    ‘scrollViewDidEndScrollingAnimation:‘
  • 当animated为NO 时, scrollView直接将contentOffset设置到指定的位置,没有任何动画效果,也不会回调scrollViewDidEndScrollingAnimation:方法

2、使某个区域可视方法: scrollRectToVisible:animated:

  • 当animated为YES 时, 以一定的速率滚将指定区域滚动到可视视图中,滚动完成后, 回调delegate的该方法:
    scrollViewDidEndScrollingAnimation:
  • 当animated为NO 时, scrollView直接将指定区域设置到可视视图中,没有任何动画效果,也不会回调scrollViewDidEndScrollingAnimation:方法
    注意:1)指定区域本身可视,scrollView不会产生滚动 2)指定区域不可视或部分不可视,将指定区域滚动到最近的可视范围内
关于指定区域的大小分为三种情况:
  • 第一种情况:指定区域的高度和宽度都小于或等于可视区域的高度和宽度
  • 第二种情况:指定区域的高度和宽度,其中一个小于或等于可视区域对应的长度,其中一个大于可视区域的长度
  • 第三种情况:指定区域的高度和宽度都大于可视区域的高度和宽度

第一种情况演示:

image
image

第一种情况变体演示1:

image
image

第一种情况变体演示2:

image
image

第一种情况变体演示3:

image
image

第二种情况和第三种情况本不应该出现,如果出现,其滚动情况较复杂,不列出,如果有更简单的理论概括滚动规律,求赐教。

3.点击状态栏滚动到顶部
scrollView默认点击状态栏,当前视图中的scrollView滚动到顶部。
该功能主要由代理方法scrollViewShouldScrollToTop:返回YES或NO
决定是否开启,默认为YES,开启该功能。
当该功能开启,并点击状态栏滚动到顶部后,会回调scrollViewDidScrollToTop:方法。

注意:1)代码滚动时即上述三种滚动,scrollView的属性tracking和dragging为NO, 因为屏幕上没有触摸(对应tracking)或者触摸在屏幕上移动(对应dragging) ;2)scrollViewDidScroll:在每次contentOffset改变的时候都会回调

用户操作滚动scrollView

image

注意:在用户操作回调流程图中并没有列出scrollViewDidScroll:方法,scrollViewDidScroll:是在contentOffset改变的时候回调,在用户操作回调流程图中该方法并不会固定在某个步骤,在该流程图中只要有改变contentOffset的地方都会回调scrollViewDidScroll:方法

分析用户操作回调流程图中的重要步骤

1)用户触摸屏幕时, scrollView的tracking属性立即变为YES,只要用户的手指保持和屏幕的接触, tracking一直为YES, 不管是否手指在屏幕上移动。
注意:当用户的手指保持不动的时候,内容视图能够响应该触摸事件和处理该触摸事件,如果在用户的手指离开屏幕之前未被scrollView识别为拖动,该情况下不会进入到用户操作回调流程图中第二步--产生拖动
2)如果用户移动手指,并为scrollView识别为拖动,则scrollView的dragging属性立即变为YES,回调scrollViewWillBeginDragging:方法。
注意:当用户操作被识别为拖动时,手势识别的cancelsTouchsInView属性为YES, 内容视图处理该触摸事件的过程会被取消,即会发送touchesCancelled: withEvent:消息,这里的内容视图指的是UIView视图或其子视图,如果是UIControl控制子视图,表现可能不一样,这里涉及到了手势与触摸事件的冲突,具体可以参考网上关于手势与触摸事件的冲突的文章
(3)手指离开屏幕, scrollView的tracking属性立即变为NO, dragging属性立即变为NO
(4)手指离开屏幕后,会调用scrollViewWillEndDragging:withVelocity: targetContentOffset:方法,根据手指离开屏幕后scrollView是否可以继续滑动,以decelerate参数的不同来回调scrollViewDidEndDragging:willDecelerate:方法。手指离开屏幕后scrollView继续滑动的情况分为两种:轻弹手势在手指离开屏幕后产生惯力和拖动超过可滚动区域后产生回弹。
(5)如果scrollViewDidEndDragging:willDecelerate:方法的decelerate参数为NO,手指离开屏幕后scrollView不会继续滑动,该情况下用户操作滚动scrollView的回调流程结束。
(6)如果scrollViewDidEndDragging:willDecelerate:方法的decelerate参数为YES,手指离开屏幕后scrollView继续滑动,该情况下用户操作滚动scrollView的回调流程继续。
(7)scrollView开始减速,decelerating属性为YES
(8)scrollView减速结束, decelerating属性为NO。如果在减速的过程中,用户触摸屏幕会使减速立即停止。至此该用户的滚动操作回调流程结束。

注意:zoom缩放也会产生滚动,zoom缩放的情况下回调中zooming属性为YES, tracking属性和dragging属性可能一直为NO,关于该情况在ScrollView缩放详解中探讨

总结

该文章主要探讨ScrollView的滚动,有两种方式导致ScrollView滚动(这里的两种方式不包括zoom缩放产生的滚动,zoom缩放产生的滚动只会调用scrollViewDidScroll:方法,其他用户操作回调流程图的回调方法不会调用):用户手动滚动和代码滚动ScrollView, 分别剖析了1)代码滚动ScrollView的方法以及产生的回调和2)用户手动滚动代码的回调流程。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 207,113评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,644评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,340评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,449评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,445评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,166评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,442评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,105评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,601评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,066评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,161评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,792评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,351评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,352评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,584评论 1 261
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,618评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,916评论 2 344

推荐阅读更多精彩内容