android控件的touch事件_聊聊Android嵌套滑动

聊聊Android嵌套滑动

最近工作中遇到了需求是使用 Bottom-Sheet 交互的弹窗,使用了 design 包里面的 CoordinatorLayout 和 BottomSheetBehavior ,因为弹窗承载的页面相对来说还是比较复杂的页面,所以也踩了好几个坑。之前UI交互类的东西接触的也比较少,于是把Android里面嵌套滑动相关的内容也过了一遍,在这里做一些分享。
在嵌套滑动控件的场景中,可以在Android的事件分发机制本身做一些处理,外部拦截或者内部消化触摸事件。但是这样的解决方法有几个弊端:

  • 代码复杂,难以维护
  • 事件分发机制中子view消耗了事件没有办法通知父View,这样实现的效果非常的突兀,难以达到预期


于是 Android 在 5.0 之后除了一系列的嵌套滑动支持的组件。这些组件现在也都在 androidx 包下面。

嵌套滑动的机制


实现嵌套滑动需要实现以下几个接口:NestedScrollingParent NestedScrollingParent2 NestedScrollingParent3 这3个接口实际上是继承关系:

NestedScrollingParent3 extends NestedScrollingParent2 extends NestedScrollingParent


在可以滑动的view(例如 NestedScrollViewRecyclerView ) 中,开始嵌套滑动都依赖NestedScrollingChildHelper 这个对象。RecyclerView 为例:97b7f8b309ad8a66ccf9351c06db706f.png
嵌套滑动我们最先接触到的可能就是 NestedScrollView 这个控件了,那么它是怎么支持嵌套滑动的呢?我们仍然从它的touch事件处理流程开始看:
在它的 onInterceptTouchEvent 中,当手势是 MOVE 的时候, 如果是垂直方向滑动并且达到滑动定义的距离,就开始执行滑动:e3b4389ba3647a457b4a664fdc12b3c2.png
当手势是 DOWN  的时候,开始嵌套滑动:209f58195cd5cb4c2af963f3b5bedae3.png
当手势是 MOVE 的时候,结束嵌套滑动:4dafdab1e6b0fa473fd093215a2bcb75.png
最终,是否拦截触摸事件,都交由自己是否正在拖拽状态来觉得,如果是,就拦截。这样 NestedScrollView 里面的view 才可能完全跟着一起滑动。

 if ((action == MotionEvent.ACTION_MOVE) && mIsBeingDragged) {            return true;        }        // ...return mIsBeingDragged;


如果滑动的时候是移动手势的话,事件会被拦截下来交给自己去处理。如果是其他手势,滑动的时候拦截,不滑动的时候不拦截。如果滑动的时候不拦截的话,手势事件会交给子view去处理,如果子view是可以滚动的,这时候就会有冲突,所有滚动的时候事件要拦截下来交给自己处理。
接下来看下,如果拦截下来了, NestedScrollView 是如何处理触摸事件的:DOWN 的时候直接触发嵌套滑动:a9308cf52767680b5c472cb6bffd2b1c.pngMOVE 的时候e578fc1aab8c6f53fdb0c801a6c16ae9.png
mIsBegingDragged 的false但是距离还没到的时候,让父布局不要拦截事件,
mIsBegingDragged 为true的时候,分发嵌套预滚动事件。如果消费这个事件,相应的修改距离。382bda555877b59ed857fef650249f11.png
接着分发嵌套滚动事件,中间还有一些针对 Scroll mode的处理,我们这里不关心:c27c673dcd906239c258773fdc7ec43f.pngUP 的时候会根据距离判断是否需要消费快速滑动,如果不则会进行分发:a8a32becda8e5aab012fa5c2274ed952.png
所以我们需要关注的就是:startNestedScroll -> dispatchNestedPreScroll -> dispatchNestedScroll -> stopNestedScroll 的这个过程。
这些都是 NestedScrollView里面的 NestedScrollingChildHelper 对象完成的。
开始嵌套滑动的时候,如果view是支持嵌套滑动的,则会view树一直往上寻找

while (p != null) {    // ... todo    if (p instanceof View) {        child = (View) p;    }    p = p.getParent();}


todo的地方会调用ViewParentCompatonStartNestedScroll,如果view的父布局同意view嵌套滑动,则返回true,如果不同意就继续询问父布局的父布局是否同意,如果到view树的最顶端还不支持,那么就返回false,无法进行嵌套滚动了。5ae6e238719ba6b0f6edfd9543986533.png
那么这时候只要滑动方向是竖直方向,就可以认为是支持子View嵌套滑动了。
接下来看看 dispatchNestedPreScroll:

 public boolean dispatchNestedPreScroll(int dx, int dy, @Nullable int[] consumed,@Nullable int[] offsetInWindow, @NestedScrollType int type) {    if (isNestedScrollingEnabled()) {        // todo    }    return false; }


这里如果没有支持嵌套滑动,那么直接返回false,也就是父布局不去处理嵌套滑动事件。继续看正常支持时候的逻辑:

ViewParentCompat.onNestedPreScroll(parent, mView, dx, dy, consumed, type);return consumed[0] != 0 || consumed[1] != 0;


这里只要父布局消费了距离,就会返回true。onNestedPreScroll的逻辑就和 onStartNestedScroll非常类似了:bdf546d7beeb880c3852bd63fbc905e1.png
假设还是 NestedScrollView外层套了NestedScrollView:

dispatchNestedPreScroll(dx, dy, consumed, null, type);


会继续往父布局的父布局分发 pre-scroll
接下来会继续执行 dispatchNestedScroll:

ViewParentCompat.onNestedScroll(parent,     mView,    dxConsumed,     dyConsumed,     dxUnconsumed,     dyUnconsumed,     type,     consumed);

onNestedScroll执行逻辑也和之前2个方法类似:
NestedScrollView里,仍然会带着最新的消费距离去继续分发嵌套滚动的事件:4449e375781715b76e77358fb40e125d.png
这里父布局会接收到子view传来的 dyUnconsumed ,然后进行 scrollBy.这里正好也就能解释了为什么需要 pre-scroll  这个操作。因为有了一次 pre-scroll 操作,我们才可以让子view在第一次执行嵌套滑动分发的时候,带上自己没有消费的距离,也就是 unconsumedY :b8bc1fd7a3a8b3b98fd05bf3565ca980.png
到这里 Android 的嵌套滑动机制就比较明了了,只要实现了这几个接口,再借助系统提供的这几个 Helper 类,我们就能很轻松的实现嵌套滑动效果。并且子 View 在消费了事件之后,还可以把剩下没有消费的事件交给父 View 继续处理,这样滑动事件就不会断的很突兀,非常的给力。

嵌套滚动方案的选择


有了这些接口之后,我们可以看到其实内置的Android 控件都支持了滑动嵌套,那么是否我们平时使用的方法都是正确的呢?不全是,最常见的比如 NestedScrollView 包裹 RecyclerView ,这时候 NestedScrollView 会把 UNSPECIFIED 传递给 RecyclerView 的 onMeasure , 最终表现就是,不管你的列表有多少数据,都给你一次性加载出来。
具体细节这里推荐一篇文章,里面有讲解:https://juejin.im/post/6844903938395734024
于是有没有更好的选择方案呢?有,那就是使用 design 的 CoordinatorLayout 加 Behavior 。CoordinatorLayout 在布局上其实和我们常见的 FrameLayout 没有差别,但是它内部实现了嵌套滑动的接口来支持包裹一个可以支持嵌套滑动的Scroll 组件,并且把交互抽象到 Behavior 中进行处理。常见的有 AppBarLayout.Behavior 和 BottomSheetBehavior , 前者是 appbar 的部分网上滑动之后固定在顶部,后者是从下网上弹出布局,这2种都是 MD 设计中常见的交互。

CoordinatorLayout


这里结合我最近使用到的 BottomSheetBehavior 来介绍一下 CoordinatorLayout 是怎么处理嵌套滑动的。关于bottomsheet的基础使用,我们可以参考官方文档或者网上的文章,这里找了一篇,没有使用过这个组件的可以先快速看一下:https://www.jianshu.com/p/0a7383e0ad0f


这里的 bottomsheet Dialog 的布局,其实是 design 包里面内置的,我们也可以自己实现这个dialog,布局是这样的:3cd30bfe5629e6f76a49e270e7ffd552.png
这里需要让它第二个子view传入一个 behavior,这里是系统 BottomSheet 手势的behavior。
分别看下 CoordinatorLayoutBehavior:

public class CoordinatorLayout extends ViewGroup implements NestedScrollingParent2,        NestedScrollingParent3

CoordinatorLayout实现了 NestedScrollingParent2NestedScrollingParent3,是一个嵌套滚动的父控件。
Behavior则实现了一系列看起来和View很像的方法:

  • onInterceptTouchEvent
  • onTouchEvent
  • onMeasureChild
  • onLayoutChild
  • onStartNestedScroll
  • onNestedScrollAccepted
  • onStopNestedScroll
  • onNestedScroll
  • onNestedFling


还有几个比较重要的它自己的方法:

  • layoutDependsOn 确定子view是否有其他布局作为依赖项,场景的appbar滚动固定的就会返回true
  • onDependentViewChanged
  • onDependentViewRemoved


CoordinatorLayout 的  onInterceptTouchEvent 方法:fdf24a84d3a3b31171b1b3011ca179fd.png
这里会找到顶部的子view然后按照z轴来排序,然后遍历子view查看有没有 behavior,如果拦截到的事件不是 down的话,就触发一次 cancel 手势。然后再处理真正拦截到手势。也就是把拦截触摸事件的行为交给了自己的 Behavior .
看下 Behavior  的拦截:55dae92652d1691a1dab12d03102f297.png
满足

  1. 当前有滑动的子view
  2. 手势是move
  3. 不忽略事件
  4. 状态不是正在滑动
  5. 手势触发的坐标不在滑动的子view内
  6. 达到了滑动定义的要求


这些同时满足的话,则说明子child不是可以滑动的,那么就直接拦截事件全部交给 CoordinatorLayout 自己处理。否则就不拦截,交给子View去处理。
同理,如果没有拦截事件的话, onTouchEvent 也会交给 Behavior 去处理:5f9cde15d6ba5b9f3429b67ca81c8dbb.png
BottomSheetBehavior  里面,则会根据距离来切换 STATE_EXPANDED 、 STATE_COLLAPSED 之类的状态来达到最终的效果。例如上图的,当dy大于0,说明是向上滑动,如果最新的top值比展开的状态坐标小,那么就把状态置为 STATE_EXPANDED , 然后调用 offsetTopAndBottom  做距离上的变换。其他状态的处理也是类似。在这个方法里面,开始了真正的嵌套滑动。当距离到了最大的高度,为 STATE_EXPANDED 的时候,
拦截事件的条件:

state != STATE_DRAGGING

就成立了,这时候事件就被 CoordinatorLayout 拦截下来,内部的滑动控件就开始正常滑动。

总结


到这里,Android的嵌套滑动机制就介绍完了。不过 CoordinatorLayout 和 Behavior  虽然封装的很好,但是在很多场景下其实也还是有意想不到的坑,这个时候就需要具体情况具体分析,在这些关键的方法里面,一般也都可以找到答案。

另外也欢迎大家关注我的公众号:半行代码 :54519077d951091a31443a9407e68bbf.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值