Android---SwipeRefreshLayout嵌套ViewPager时的滑动冲突

SwipeRefreshLayout嵌套ViewPager

最近在项目中用到了SwipeRefreshLayout控件,以实现下拉刷新,在我的SwipeRefreshLayout布局中存在一个ViewPager。那么问题就出现了,当我对ViewPager进行左右滑动时,只要你的滑动手势有偏下,即往左下或者右下滑动时,会触发SwipeRefreshLayout的下拉动作,导致不能正常对ViewPager进行滑动操作。

解决方法

对于Android的事件分发机制在这篇文章里就不再赘述,之后有时间再写篇文章针对事件分发进行阐述吧。那对于本文描述的这种情况,其实思路很简单,即对用户的滑动手势进行判断,下拉事件就交给SwipeRefreshLayout处理,左右滑动事件SwipeRefreshLayout就不进行拦截,直接下发到ViewPager进行处理。那怎么区分下拉还是左右滑动呢,我用到的一个思路就是根据用户移动手势的X方向位移dx和Y方向位移dy进行判断,如果dx>dy,那么就认为是左右滑动,交给ViewPager,如果dy>dx,就认为是上下滑动,交给SwipeRefreshLayout并拦截(看源码你会发现SwipeRefreshLayout是继承ViewGroup的,对事件进行拦截后就不会再下发到子View,具体流程在此不赘述)。

代码示例

下面的代码是我重写的一个SwipeRefreshLayout,对用户滑动手势进行了判断处理:

public class SunnySwipeRefreshLayout extends SwipeRefreshLayout {
    private float startX;
    private float startY;
    private boolean mIsXMove;// 是否横向拖拽
    private final int mTouchSlop;// getScaledTouchSlop()得来的一个距离,表示滑动的时候,手势移动要大于这个距离才开始移动控件,ViewPager就是用这个距离来判断用户是否翻页

    public SunnySwipeRefreshLayout (Context context, AttributeSet attrs) {
        super(context, attrs);
        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        int action = ev.getAction();
        switch (action) {
        case MotionEvent.ACTION_DOWN:
            mIsXMove = false;
            startX = ev.getX();
            startY = ev.getY();
            break;
        case MotionEvent.ACTION_MOVE:
            // 如果横向移动则不拦截,直接return false;
            if (mIsXMove) {
                return false;
            }
            float endX = ev.getX();
            float endY = ev.getY();
            float distanceX = Math.abs(endX - startX);
            float distanceY = Math.abs(endY - startY);
            // 如果dx>xy,则认定为左右滑动,将事件交给viewPager处理,return false
            if (distanceX > mTouchSlop && distanceX > distanceY) {
                mIsXMove= true;
                return false;
            }
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
            mIsXMove= false;
            break;
        }
        // 如果dy>dx,则认定为下拉事件,交给swipeRefreshLayout处理并拦截
        return super.onInterceptTouchEvent(ev);
    }
}

这么处理之后,在这个下拉刷新布局中再嵌套ViewPager或是其他存在左后滑动操作的控件时,就不会再产生这种滑动冲突啦。
大家如果有更好的方案欢迎留言讨论~

你可能感兴趣的:(Android---SwipeRefreshLayout嵌套ViewPager时的滑动冲突)