android重构项目Android技术知识首页投稿(暂停使用,暂停投稿)

深入解析Android Design包——NestedScrol

2017-06-23  本文已影响807人  Javine_Kuang

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包中的控件,一定会事半功倍的。

上一篇下一篇

猜你喜欢

热点阅读