深入解析Android Design包——NestedScroll

来源:互联网 发布:unity3d开发 编辑:程序博客网 时间:2024/06/05 11:37

Android开发中滑动冲突的问题一直是编写界面时的一个老大难问题,比如ScrollView+ListView的嵌套基本是没办法实现滑动的自然切换的(参考滑动冲突研究),可能导致UI绞尽脑汁想出来的创意开发人员没办法实现。为此,Google推出了一个support包——Android Design.

Android Design包中的控件与普通控件最大的不同有两点:
1.实现了NestedScrollingChild或NestedScrollingParent接口,可以轻松实现嵌套滑动
2.引入一个Behavior类,可以灵活实现ParentView和ChildView之间的互动,还有同一层View之间的互动。
所以,要想用好Design包的内容,必须完全理解这两点不同所带来的优势。这也是本文切入Android Design包的角度。

嵌套滑动(NestedScroll)

为了实现NestedScroll,Google提供了两个接口和两个辅助类,如下:
1.NestedScrollingChild接口
2.NestedScrollingParent接口
3.NestedScrollingChildHelper辅助类
4.NestedScrollingParentHelper 辅助类
它们其实并不复杂,但是因为普通控件中没有这些概念,理解起来需要花一些时间。并且对它们如果没有一个大概的了解,对我们后面学习Behavior会是一大障碍。
我们先来看看这两个接口都提供了哪些方法,即它们到底有啥作用?
NestedScrollingParent接口

NestedScrollingChild接口

对比上面两张图可以发现NestedScrollingChild和NestedScrollingParent之间的关系,我这里简单梳理一下
首先,滑动分为Scroll和Fling两种,为了实现起来更灵活还特意为它们添加了PreScroll和PreFling两个回调接口,这里主要针对Scroll动作来分析。
如下表所示:

NestedScrollingChild NestedScrollingParent dispatchNestedScroll onNestedScroll startNestedScroll onStartNestedScroll stopNestedScroll onStopNestedScroll

这么一对比二者的关系就很清晰了,下面我们来举例说明。

举例说明(SwipeRefreshLayout + RecyclerView)

SwipeRefreshLayout是个下拉刷新的控件,使用起来非常简单,在SwipeRefreshLayout中嵌套一个RecyclerView(或其他单向滑动的控件)即可有下拉刷新的效果。具体效果就不贴图了。
那么这里的SwipeRefreshLayout就是NestedScrollingParent,而RecyclerView就对应NestedScrollingChild。
然后,我们来看具体情况。
1.我们先来分析一下事件拦截的过程
如果你去阅读了上面的这篇文章滑动冲突研究,那应该知道ACTION_DOWN事件首先是由SwipeRefreshLayout接收,然后会调用它的onInterceptTouchEvent方法来判断是否拦截,如果不拦截事件就会传递到RecyclerView中处理。
通过阅读源码可知,SwipeRefreshLayout#onInterceptTouchEvent()方法中未对ACTION_DOWN做拦截,所以ACTION_DOWN会传递给RecyclerView。再看RecyclerView的onTouchEvent()方法

   @Override    public boolean onTouchEvent(MotionEvent e) {        ...        ...return true;    }

直接返回ture,即消费了ACTION_DWON事件。
根据View事件传递机制可知,一旦某个View消费了ACTION_DOWN事件,那么后续的事件都将传递给该View来处理。也就是说ACTION_MOVE,ACTION_DOWN等事件都会在RecyclerView中处理

2.现在我们知道事件处理都是在RecyclerView中完成的,那么如何控制SwipeRefreshLayout中的refreshView呢?
这里就体现了NestedScroll的强大之处,我们一步一步分析。
首先,从RecyclerView的onTouchEvent方法入手,我们来看它在ACTION_MOVE时是怎么处理的

    @Override    public boolean onTouchEvent(MotionEvent e) {        ...        switch (action) {            ...             case MotionEvent.ACTION_MOVE: {                ... 省去一些代码 ...                if (dispatchNestedPreScroll(dx, dy, mScrollConsumed, mScrollOffset)) {                    dx -= mScrollConsumed[0];                    dy -= mScrollConsumed[1];                    vtev.offsetLocation(mScrollOffset[0], mScrollOffset[1]);                    mNestedOffsets[0] += mScrollOffset[0];                    mNestedOffsets[1] += mScrollOffset[1];                }                ...                if (mScrollState == SCROLL_STATE_DRAGGING) {                    mLastTouchX = x - mScrollOffset[0];                    mLastTouchY = y - mScrollOffset[1];                    if (scrollByInternal(                            canScrollHorizontally ? dx : 0,                            canScrollVertically ? dy : 0,                            vtev)) {                        getParent().requestDisallowInterceptTouchEvent(true);                    }                }            } break;          ...         }        ...        return true;    }

略去一些代码之后,很明显我们主要关注两个方法:dispatchNestedPreScroll和scrollByInternal

dispatchNestedPreScroll() 是NestedScrollingChild接口的方法,通过查看源码可知最终会调用NestedScrollingParent的onNestedPreScroll方法,也就是会调用SwipeRefreshLayout的onNestedPreScroll()方法。

scrollByInternal() 方法中会调用dispatchNestedScroll()方法,同上面类似,最终会调用SwipeRefreshLayout的onNestedScroll()方法。另外,它还会处理RecyclerView自身的滑动操作。

说了这么多,最后的答案都在SwipeRefreshLayout的onNestedScroll和onNestedPreScroll两个方法中了。
直接看源码:
先看onNestedScroll方法

@Override    public void onNestedScroll(final View target, final int dxConsumed, final int dyConsumed,            final int dxUnconsumed, final int dyUnconsumed) {        //将nestedScroll传递给Parent        dispatchNestedScroll(dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed,                mParentOffsetInWindow);        final int dy = dyUnconsumed + mParentOffsetInWindow[1];        if (dy < 0 && !canChildScrollUp()) { //注意canChildScrollUp方法            mTotalUnconsumed += Math.abs(dy);            moveSpinner(mTotalUnconsumed); //处理refreshView的滑动        }    }

我们可以看到,在处理refreshView滑动之前,先调用了canChildScrollUp()方法,这个方法返回false时,才会对refreshView进行处理。
其实canChildScrollUp()方法就是判断RecyclerView是否可以滑动,只有在它不可以滑动时,SwipeRefreshLayout才会来处理refreshView的滑动,这样就可以避免二者同时滑动的问题。

好的,很简单! 那接下来看看onNestedPreScroll()方法有什么用

    @Override    public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {        //只有当refreshView已经出现在屏幕中,并且手指往上移动才会调用下面的代码        if (dy > 0 && mTotalUnconsumed > 0) {            if (dy > mTotalUnconsumed) {                consumed[1] = dy - (int) mTotalUnconsumed;                mTotalUnconsumed = 0;            } else {                mTotalUnconsumed -= dy;                consumed[1] = dy;  //消耗掉的距离            }            moveSpinner(mTotalUnconsumed);//处理refreshView的滑动        }        // refreshView移除屏幕        if (mUsingCustomStart && dy > 0 && mTotalUnconsumed == 0                && Math.abs(dy - consumed[1]) > 0) {            mCircleView.setVisibility(View.GONE);        }        // 将nestedPreScroll传递到Parent去(本文可以忽略)        final int[] parentConsumed = mParentScrollConsumed;        if (dispatchNestedPreScroll(dx - consumed[0], dy - consumed[1], parentConsumed, null)) {            consumed[0] += parentConsumed[0];            consumed[1] += parentConsumed[1];        }    }

对我们有用的代码只有前面那一段,我们可以看到只有当refreshView已经出现在屏幕中,并且手指往上移动时,SwipeRefreshLayout才会处理refreshView的滑动。换句话说,就是这里只处理怎么把refreshView收回去。
但是,这里会有个问题,当refreshView要收回去,手指就是向上移动的,而RecyclerView此时是可以响应这个手势往上滑动的,怎么处理这个冲突呢?
我们在执行onNestedPreScroll方法时,传进来了一个数组的引用consumed,它就代表了refreshView消费掉了多少距离。
就是说可以有个这样的公式:
手指移动的距离 = refreshView滑动的距离 + RecyclerView滑动的距离

SwipeRefreshLayout的源码中,将手指移动的距离全部消费掉了,那么留给RecyclerView来消费的距离就是0,这样RecyclerView也就不会滑动了。这一部分逻辑可以在RecyclerView的scrollByInternal方法中看到:

 @Override public boolean onTouchEvent(MotionEvent e) {        ...            case MotionEvent.ACTION_MOVE: {                if (dispatchNestedPreScroll(dx, dy, mScrollConsumed, mScrollOffset)) {                    dx -= mScrollConsumed[0];                    // dy - consumed = 留给RecyclerView的距离                    dy -= mScrollConsumed[1];                 //dy = 0                }                ...                if (mScrollState == SCROLL_STATE_DRAGGING) {                    mLastTouchX = x - mScrollOffset[0];                    mLastTouchY = y - mScrollOffset[1];                    if (scrollByInternal(                            canScrollHorizontally ? dx : 0,                            canScrollVertically ? dy : 0,               //dy = 0                            vtev)) {                        getParent().requestDisallowInterceptTouchEvent(true);                    }                }    }boolean scrollByInternal(int x, int y, MotionEvent ev) {        int unconsumedX = 0, unconsumedY = 0;        int consumedX = 0, consumedY = 0;        if (mAdapter != null) {            ...            if (x != 0) {                consumedX = mLayout.scrollHorizontallyBy(x, mRecycler, mState);                unconsumedX = x - consumedX;            }            if (y != 0) {    //传进来的y = 0                consumedY = mLayout.scrollVerticallyBy(y, mRecycler, mState);                unconsumedY = y - consumedY;            }            ...        }        ...        if (consumedX != 0 || consumedY != 0) {             dispatchOnScrolled(consumedX, consumedY); //不会调用此方法来滑动RecyclerView        }        if (!awakenScrollBars()) {            invalidate();        }        return consumedX != 0 || consumedY != 0;    }

结语

本文主要分析了在Android Design包中,被广泛采用的NestedScroll接口的使用,并通过SwipeRefreshLayout+RecyclerView嵌套的例子,来分析实现嵌套滑动的详细过程。
个人觉得,对于AndroidDesign包的控件都很亮眼,但说到底主要核心在两个东西,一个就是NestedScroll,另一个就是Behavior。所以,博主打算下一篇就来分析Behavior的源码及使用。
只要掌握了这两个东西,那么再去学习AndroidDesign包中的控件,一定会事半功倍的。

原创粉丝点击