SwipeRefreshLayout基本使用和冲突解决机制

一、SwipeRefreshLayout简单使用

SwipeRefreshLayout 是官方的一个可以下拉刷新的ViewGroup，其内只能填充一个子view，比如ListView、RecyclerView等。使用之前我们先来了解一下主要的方法。
（1）主要方法：

     1、setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener):设置手势滑动监听器。

     2、setProgressBackgroundColor(int colorRes):设置进度圈的背景色。

     3、setColorSchemeResources(int… colorResIds):设置进度动画的颜色。

     4、setRefreshing(Boolean refreshing):设置组件的刷洗状态。

     5、setSize(int size):设置进度圈的大小，只有两个值：DEFAULT、LARGE

（2）xml布局：
注意其内只能放一个子view。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/swipe_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ListView
            android:id="@+id/listview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            >

        </ListView>
    </android.support.v4.widget.SwipeRefreshLayout>
</RelativeLayout>

（3）java代码：

public class MainActivity extends AppCompatActivity {

    TextView tv = null;

    SwipeRefreshLayout swipeRefreshLayout = null;
    ListView listView = null;

    String[] listData = new String[]{
            "第一项","第二项","第三项","第四项","第五项","第六项","第七项","第八项","第九项","第十项","第十一项","第十二项","第十三项"
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        swipeRefreshLayout = (SwipeRefreshLayout)findViewById(R.id.swipe_container);
        listView = (ListView)findViewById(R.id.listview);

        listView.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,listData));
        //设置刷新时动画的颜色，可以设置4个
        swipeRefreshLayout.setColorSchemeResources(android.R.color.holo_blue_light, android.R.color.holo_red_light, android.R.color.holo_orange_light, android.R.color.holo_green_light);
        swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                // TODO Auto-generated method stub
                //开始刷新
                new Handler().postDelayed(new Runnable() {

                    @Override
                    public void run() {
                        // TODO Auto-generated method stub 
                        //停止刷新
                        swipeRefreshLayout.setRefreshing(false);
                    }
                }, 6000);
            }
        });


    }
}

（4）运行效果：
如下，listview滑动到顶部才会下拉刷新，否则由listview处理下拉事件。

二、冲突解决机制

从前面我们可以看到，似乎SwipeRefreshLayout和listview的下拉事件冲突已经解决：即如果listview在顶部，SwipeRefreshLayout处理滑动。否则，listview处理滑动。那么SwipeRefreshLayout内部是如何实现的呢？
追溯其源码，我们可以发现SwipeRefreshLayout内部包括两个控件：我们布局中定义的子view和一个mCircleView，只是这个mCircleView平时状态下mCircleView.setVisibility(View.GONE)，因此不会显示。
要查看冲突解决方面的，要看onInterceptTouchEvent()方法，如下：

public boolean onInterceptTouchEvent(MotionEvent ev) {
        ensureTarget();

        final int action = MotionEventCompat.getActionMasked(ev);

        if (mReturningToStart && action == MotionEvent.ACTION_DOWN) {
            mReturningToStart = false;
        }

        //注意这里的canChildScrollUp()！！
        if (!isEnabled() || mReturningToStart || canChildScrollUp()
                || mRefreshing || mNestedScrollInProgress) {
            // Fail fast if we're not in a state where a swipe is possible
            return false;
        }

        switch (action) {
            case MotionEvent.ACTION_DOWN:
                setTargetOffsetTopAndBottom(mOriginalOffsetTop - mCircleView.getTop(), true);
                mActivePointerId = MotionEventCompat.getPointerId(ev, 0);
                mIsBeingDragged = false;
                final float initialDownY = getMotionEventY(ev, mActivePointerId);
                if (initialDownY == -1) {
                    return false;
                }
                mInitialDownY = initialDownY;
                break;

            case MotionEvent.ACTION_MOVE:
                .......

            case MotionEventCompat.ACTION_POINTER_UP:
                onSecondaryPointerUp(ev);
                break;

            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                mIsBeingDragged = false;
                mActivePointerId = INVALID_POINTER;
                break;
        }

        return mIsBeingDragged;
    }

我们发现一个canChildScrollUp()，这是关键所在。如果子view可以上滑，那么父view（SwipeRefreshLayout）就不处理滑动事件，自然交给子view来处理。

顺便，我们再来看一下onTouchEvent()方法，观察下mCircleView什么时候可以显示的。

@Override
    public boolean onTouchEvent(MotionEvent ev) {
        final int action = MotionEventCompat.getActionMasked(ev);
        int pointerIndex = -1;

        if (mReturningToStart && action == MotionEvent.ACTION_DOWN) {
            mReturningToStart = false;
        }

        if (!isEnabled() || mReturningToStart || canChildScrollUp() || mNestedScrollInProgress) {
            // Fail fast if we're not in a state where a swipe is possible
            return false;
        }

        switch (action) {
            case MotionEvent.ACTION_DOWN:
                mActivePointerId = MotionEventCompat.getPointerId(ev, 0);
                mIsBeingDragged = false;
                break;

            case MotionEvent.ACTION_MOVE: {
                ......
                if (mIsBeingDragged) {
                    if (overscrollTop > 0) {
                        //在这里开始显示mCircleView
                        moveSpinner(overscrollTop);
                    } else {
                        return false;
                    }
                }
                break;
            }
            case MotionEventCompat.ACTION_POINTER_DOWN: {
                ......
            }

            case MotionEventCompat.ACTION_POINTER_UP:
                onSecondaryPointerUp(ev);
                break;

            case MotionEvent.ACTION_UP: {
                ......
                //在这里mCircleView开启动画
                finishSpinner(overscrollTop);
                mActivePointerId = INVALID_POINTER;
                return false;
            }
            case MotionEvent.ACTION_CANCEL:
                return false;
        }

        return true;
    }

可以发现，滑动过程中（ACTION_MOVE），调用moveSpinner方法，该方法内部实现mCircleView的显示，如下：

private void moveSpinner(float overscrollTop) {
        ......
        if (mCircleView.getVisibility() != View.VISIBLE) {
            mCircleView.setVisibility(View.VISIBLE);
        }
        ......
    }

滑动结束（ACTION_UP），调用finishSpinner方法，该方法时进度圆圈开始转动。当数据加载完成，调用swipeRefreshLayout.setRefreshing(false);停止动画和进度圈显示。

此外，我们在ViewPager中嵌套SwipeRefreshLayout时常常会出现ViewPager左右滑动和SwipeRefreshLayout上下滑动的冲突（因为一次滑动中上下和左右两个方向都会产生位移），因而我们使用过程中常常重写SwipeRefreshLayout的onInterceptTouchEvent方法，对左右和上下的位移进行比较，当上下位移较大时才会处理滑动事件。

 @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        //  其实是根据滑动的上下距离和左右距离作比较  解决两个方向上的滑动冲突

        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                xDistance = yDistance = 0f;
                xLast = ev.getX();
                yLast = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                final float curX = ev.getX();
                final float curY = ev.getY();

                xDistance += Math.abs(curX - xLast);
                yDistance += Math.abs(curY - yLast);
                xLast = curX;
                yLast = curY;

                if (xDistance > yDistance) {
                //不处理触摸事件
                    return false;
                }
        }

        return super.onInterceptTouchEvent(ev);
    }