嵌套滑动是 android 开发中常见的一种 UI 效果。当一个布局中包含多个可以滑动的 View,并且这些 View 互相嵌套的时候,就需要做嵌套滑动的处理来让 UI 交互有更流畅的效果,比如吸顶效果。常见的效果如下:
如上所示,最外层的父布局可以滑动,内层的 RecyclerView 也可以滑动。当上滑 RecyclerView 的时候,最外层的父布局先上滑,直到上滑到 tab 的时候,这时候 RecyclerView 开始滑动,父布局停止滑动,并且手指不需要离开屏幕,可以一次性完成整个操作。这样就达到了内外布局连贯滑动的效果,并且达到了 tab 吸顶的效果。
二、滑动嵌套解决方案
那么如何才能做到这样的连贯的嵌套滑动呢?
1、手动覆写事件分发与拦截
大家都很熟悉 android 的事件分发机制,要做到嵌套滑动的效果,重写事件分发是最为原始的一种方法,早期的 android 开发们就是这样做的。以之前展示的效果的为例,在 ACTION_MOVE 事件分发时,先判断 tab 位置是否到顶端,如果没到,则让外层父布局拦截掉 MOVE 事件,父布局滑动。如果已经到了,则不拦截,将事件传给子 RecyclerView,流程如下:
是否拦截事件,即重写 onIntercetTouchEvent
方法,是该流程的核心。
手动重写事件分发的缺点
- 只适合比较简单的嵌套滑动情况
这一点很好理解。因为你需要自己手动编写拦截逻辑,嵌套滑动的布局一旦复杂,那么就需要大量的代码和逻辑来实现嵌套滑动,增大维护的成本。所以不适合复杂的嵌套滑动布局,实际上也很难实现复杂的嵌套滑动。
- 难以支持 fling
fling 指的是滑动松手后,视图继续依靠惯性滑动的过程。一般来说,考虑到用户体验,嵌套滑动是需要支持 fling 的。那么对于手动编写事件分发来说,除了需要重写 onInterceptTouchEvent
之外,还需要针对 ACTION_UP
事件进行特定的处理,因为 fling 源于 ACTION_UP
事件时产生的 Velocity
。然而事件分发机制并没有提供像 onInterceptTouchEvent
的那样的对外暴露的接口让开发者来处理 ACITON_UP
事件。只能通过复写 onTouchEvent
等方法来处理,而这样做的限制太大,因为你需要调用 super.onTouchEvent
,但是你又不能修改其中的代码。
- 没有办法实现连贯的吸顶嵌套滑动
还是以之前的例子来说,当 tab 吸顶后,我们希望的是手指不松开继续往上滑可以使 RecyclerView 往上滑,然而手动拦截事件的做法是做不到的,必须先抬起手指然后再次滑动。为什么会这样?看看 dispatchTouchEvent
中的代码:
if (actionMasked == MotionEvent.ACTION_DOWN || mFirstTouchTarget != null) {
…
} else {
// 当 MotionEvent 为 ACTION_MOVE 且 mFirstTouchTarget == null 时,仍然拦截事件
intercepted = true;
}
当 ViewGroup 在分发事件时,如果 mFirstTouchTarget == null
则说明 ViewGroup 中没有子 View 来消费事件,该事件由 ViewGroup 自己处理。而当 ViewGroup 拦截事件后,恰恰会将 mFirstTouchTarget
置空。回到之前的例子,当外层滑动父布局拦截了 ACTION_MOVE
事件后,会将 mFirstTouchTarget
置空。接下来即使吸顶后不拦截事件,由于 mFirstTouchTarget
已经为 null
,所以事件不会传递到子 RecyclerView,而是继续由父布局消费。这样就没有达到连贯的吸顶嵌套滑动的效果。