NestedScrolling机制
转载来之 郭霖
本篇来自 三杯两盏 的投稿,为有关NestedScrolling机制的系列文章。本文是这个系列的第一篇,主要是基础的介绍以及相关接口的解释,如果朋友们感兴趣,可以访问作者博客继续阅读。
三杯两盏 的博客地址:
http://blog.csdn.net/al4fun
前言
如今,NestedScrolling机制(可以称为嵌套滚动或嵌套滑动)在各种app中的应用已经十分广泛了,下图是“饿了么”中的一个例子:
当向上滚动列表时,列表的 父view (整个白色部分)会跟着一起向上滑动,当顶部的 banner 收缩到只剩标题栏时,则列表的 父view 保持固定,而列表继续滚动;当向下滚动列表时,则是相反的过程。
这种效果其实也可以通过 CoordinatorLayout 结合 Behavior 来实现,但阅读源码就会发现,CoordinatorLayout 本身是一个 NestedScrollingParent,此外,要实现这种效果还要求可滚动的列表是一个 NestedScrollingChild,也就是说,通过 CoordinatorLayout 结合 Behavior 来实现这种效果,其内部原理也是 NestedScrolling。
概述
NestedScrolling机制 能够让 父view 和 子view 在滚动时进行配合,其基本流程如下:
**1. **当 子view 开始滚动之前,可以通知 父view,让其先于自己进行滚动;
2. 子view 自己进行滚动
3. 子view 滚动之后,还可以通知 父view 继续滚动
要实现这样的交互,父View 需要实现 NestedScrollingParent接口,而 子View 需要实现NestedScrollingChild接口。
在这套交互机制中,child 是动作的发起者,parent 只是接受回调并作出响应。
另外:父view 和 子view 并不需要是直接的父子关系,即如果 "parent1 包含 parent2,parent2 包含child”,则 parent1 和child 仍能通过 NestedScrolling机制 进行交互。
接口和类
//主要接口NestedScrollingChildNestedScrollingParent//帮助类NestedScrollingChildHelperNestedScrollingParentHelper
上面已经说过,要使用 NestedScrolling机制,父View 需要实现 NestedScrollingParent接口,而 子View 需要实现 NestedScrollingChild接口。
而 NestedScrollingChildHelper 和 NestedScrollingParentHelper 是两个帮助类,当我们在实现 NestedScrollingChild 和 NestedScrollingParent 接口时,使用这两个帮助类可以简化我们的工作。
以上接口和类都在 support-v4包 中提供。另外,一些较新的 系统view 都已经实现了 NestedScrollingChild 或 NestedScrollingParent 接口,也就是说他们直接支持NestedScrolling,例如:
NestedScrollView 已实现 NestedScrollingParent 和 NestedScrollingChild
RecyclerView 已实现 NestedScrollingChild
CoordinatorLayout 已实现 NestedScrollingParent
其他的一些
NestedScrollingChild接口
接口概述
1. ****public boolean startNestedScroll(int axes);
开启嵌套滚动流程(实际上是进行了一些嵌套滚动前准备工作)。
当找到了能够配合当前 子view 进行嵌套滚动的 父view 时,返回值为 true(Returns:true if a cooperative parent was found and nested scrolling has been enabled for the current gesture)。
2. public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow);
在 子view 自己进行滚动之前调用此方法,询问 父view 是否要在 子view 之前进行滚动。
此方法的前两个参数用于告诉 父View 此次要滚动的距离;而 第三 第四 个参数用于 子view 获取 父view 消费掉的距离和 父view 位置的偏移量。
第一 第二 个参数为输入参数,即常规的函数参数,调用函数的时候我们需要为其传递确切的值。而 第三 第四个 参数为输出参数,调用函数时我们只需要传递容器(在这里就是两个数组),在调用结束后,我们就可以从容器中获取函数输出的值。
如果 parent 消费了一部分或全部距离,则此方法返回 true。
3. public boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed, int[] offsetInWindow);
在 子view 自己进行滚动之后调用此方法,询问 父view 是否还要进行余下(unconsumed)的滚动。
前四个参数为输入参数,用于告诉 父view 已经消费 和 尚未消费 的距离,最后一个参数为输出参数,用于 子view 获取 父view 位置的偏移量。
返回值:(翻译出来可能有歧义,直接放原文)true if the event was dispatched, false if it could not be dispatched.
**4. **最后,stopNestedScroll() 方法与 startNestedScroll(int axes) 对应,用于结束嵌套滚动流程;而惯性滚动相关的两个方法与触摸滚动相关的两个方法类似,这里不再赘述。
接口实现
上面只是讲了接口中的主要方法和调用时机,那么这些方法具体该如何实现呢?这时候就要用到上面提到的帮助类了。
具体操作很简单:首先实例化一个帮助类对象,然后在要实现的接口方法中调用帮助类对象中的同名方法即可——帮助类对象已经帮我们完成了一切。
NestedScrollingParent接口
接口概述
从命名可以看出,这几个都是回调方法。当调用 NestedScrollingChild 中的方法时,NestedScrollingParent 中与之相对应的方法就会被回调。方法之间的具体对应关系如下:
1. public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes);
当调用 target 的 startNestedScroll(int axes) 时,此方法就会被调用。在此方法中我们要做的就是根据 target 和 nestedScrollAxes 决定 此view 是否要与 target 配合进行嵌套滚动,并返回 true(要与target配合进行嵌套滚动)或 false(不与target配合进行嵌套滚动)。
2. onNestedPreScroll()、onNestedPreScroll()、onNestedPreFling()、onNestedFling()
这几个方法分别对应 NestedScrollingChild 中的 dispatchNestedPreScroll()、dispatchNestedScroll()、dispatchNestedPreFling() 和 dispatchNestedFling()。
它们的参数也是基本对应的,以 onNestedPreScroll() 为例,参数 dx、dy、consumed 实际就是 dispatchNestedPreScroll() 中的 dx、int dy、consumed。
接口实现
onNestedScrollAccepted、onStopNestedScroll 的实现同样是调用帮助类中的同名方法即可:
而另外几个方法的实现则由你的业务逻辑而定(详见系列第二篇)。
流程
经过以上的介绍,我们可以大致将嵌套滚动的流程概括如下(以触摸滚动为例,惯性滚动(fling)的流程与此类似):
**1. **调用 child 的 startNestedScroll() 来发起嵌套滚动流程(实质是寻找能够配合 child 进行嵌套滚动的 parent)。parent 的 onStartNestedScroll() 会被回调,如果此方法返回 true,则 onNestedScrollAccepted() 也会被回调。
2. child 每次滚动前,可以先询问 parent 是否要滚动,即调用 dispatchNestedPreScroll(),这会回调到 parent 的 onNestedPreScroll(),parent 可以在这个回调中先于 child 滚动。
**3. **disdispatchNestedPreScroll() 之后,child可 以进行自己的滚动操作。
**4. **child 滚动以后,可以调用 dispatchNestedScroll(),会回调到 parent 的 onNestedScroll(),在这里 paren t可以进行后于 child 的滚动。
**5. **滚动结束,调用 stopNestedScroll()。
示例
注:由于篇幅限制,我这里只贴出原文示例图,详细代码大家可以访问 **作者简介**** **里的博客地址,然后选择这个系列的 **第二篇 **进行查看。
自定义View实现:
RecyclerView实现:
更多