iOS开发

ScrollView滚动详解

2019-05-10  本文已影响0人  贝勒老爷

有两种滚动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:

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

关于指定区域的大小分为三种情况:

第一种情况演示:

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)用户手动滚动代码的回调流程。

上一篇下一篇

猜你喜欢

热点阅读