Android 滑動沖突解決 - ViewPager 篇

LucindaGilb 7年前發布 | 15K 次閱讀 ViewPager Android開發移動開發

ViewPager 作為一個橫向滾動的控件, 在 ViewGroup 中嵌套時會有一些可以優化的細節體驗.

案例一: ViewPager 與 SwipeRefreshLayout

問題說明

當 SwipeRefreshLayout 中有 ViewPager 控件, 兩者的滑動會相互沖突. 具體表現為 ViewPager 的左右滑動不順暢, 容易被 SwipeRefreshLayout 攔截(即出現刷新的 View ).
問題原因:

ViewPager 本身是處理了滾動事件的沖突, 它在橫向滑動時會調用 requestDisallowInterceptTouchEvent() 方法使父控件不攔截當前的 Touch 事件序列. 但是 SwipeRefreshLayout 的 requestDisallowInterceptTouchEvent() 方法置空了, 所以仍然會攔截當前的 Touch 事件序列.
問題分析:

為什么 SwipeRefreshLayout 的 requestDisallowInterceptTouchEvent() 方法什么都不做?
- 首先 SwipeRefreshLayout 繼承自 ViewGroup .
- 在 requestDisallowInterceptTouchEvent() 方法置空的情況下, 用戶可以從底部下拉刷新一次拉出 LoadingView (即手指不需要離開屏幕).
- 如果方法調用 ViewGroup 的 requestDisallowInterceptTouchEvent() 方法, 可以解決 ViewPager 的兼容問題, 但是用戶在界面底部下拉至頭部后, 無法繼續下拉, 需要手指放開一次才能拉出 LoadingView .
目標分析:

那么為了更加順滑地滾動, 想要的效果當然是 一次性拉出 LoadingView .既然 ViewPager 在左右滑動時才會調用 requestDisallowInterceptTouchEvent() 方法, 那么 SwipeRefreshLayout 只應該在上下滑動時 才攔截 Touch 事件.

代碼具體邏輯如下:

記錄是否調用了 requestDisallowInterceptTouchEvent() 方法,并且設置為true.
在 SwipeRefreshLayout 中判斷是否是上下滑動.
如果同時滿足1,2, 則調用 super.requestDisallowInterceptTouchEvent(true) 攔截事件.
否則調用 super.requestDisallowInterceptTouchEvent(false) .

注意:因為 ViewGroup 的 requestDisallowInterceptTouchEvent 方法返回 true 后, 接下來的 Touch 事件在不會再傳遞到 onInterceptTouchEvent() 方法中, 所以需要在 dispatchTouchEvent() 方法中判斷是否為上下滑動.

實現代碼(部分):

//非法按鍵
private static final int INVALID_POINTER = -1;

//dispatch方法記錄第一次按下的x
private float mInitialDisPatchDownX;

//dispatch方法記錄第一次按下的y
private float mInitialDisPatchDownY;

//dispatch方法記錄的手指
private int mActiveDispatchPointerId = INVALID_POINTER;

//是否請求攔截
private boolean hasRequestDisallowIntercept = false;

@Override
public void requestDisallowInterceptTouchEvent(boolean b) {
    hasRequestDisallowIntercept = b;
    // Nope.
}

@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
    switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
            mActiveDispatchPointerId = MotionEventCompat.getPointerId(ev, 0);
            final float initialDownX = getMotionEventX(ev, mActiveDispatchPointerId);
            if (initialDownX != INVALID_POINTER) {
                mInitialDisPatchDownX = initialDownX;
            }
            final float initialDownY = getMotionEventY(ev, mActiveDispatchPointerId);
            if (mInitialDisPatchDownY != INVALID_POINTER) {
                mInitialDisPatchDownY = initialDownY;
            }
            break;
        case MotionEvent.ACTION_MOVE:
            if (hasRequestDisallowIntercept) {
                //解決viewPager滑動沖突問題
                final float x = getMotionEventX(ev, mActiveDispatchPointerId);
                final float y = getMotionEventY(ev, mActiveDispatchPointerId);
                if (mInitialDisPatchDownX != INVALID_POINTER && x != INVALID_POINTER &&
                        mInitialDisPatchDownY != INVALID_POINTER && y != INVALID_POINTER) {
                    final float xDiff = Math.abs(x - mInitialDisPatchDownX);
                    final float yDiff = Math.abs(y - mInitialDisPatchDownY);
                    if (xDiff > mTouchSlop && xDiff * 0.7f > yDiff) {
                        //橫向滾動不需要攔截
                        super.requestDisallowInterceptTouchEvent(true);
                    } else {
                        super.requestDisallowInterceptTouchEvent(false);
                    }
                } else {
                    super.requestDisallowInterceptTouchEvent(false);
                }
            }
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
            if (ev.getAction() == MotionEvent.ACTION_UP || ev.getAction() == MotionEvent.ACTION_CANCEL) {
                hasRequestDisallowIntercept = false;
            }
            break;
    }

    return super.dispatchTouchEvent(ev);
}

private float getMotionEventY(MotionEvent ev, int activePointerId) {
    final int index = MotionEventCompat.findPointerIndex(ev, activePointerId);
    if (index < 0) {
        return -1;
    }
    return MotionEventCompat.getY(ev, index);
}

private float getMotionEventX(MotionEvent ev, int activePointerId) {
    final int index = MotionEventCompat.findPointerIndex(ev, activePointerId);
    if (index < 0) {
        return -1;
    }
    return MotionEventCompat.getX(ev, index);
}

案例二: ViewPager 與 RecyclerView

如上圖, RecyclerView 中嵌套 ViewPager .

問題說明
1. 當用戶滑動 RecyclerView 后放開手指, RecyclerView 會繼續滑動并處于 Fling 狀態.
2. 此時用戶重新觸摸屏幕, RecyclerView 滑動停止, 但是無法左右滑動 ViewPager , 只能上下滑動 RecyclerView .
問題原因

當用戶重新觸摸屏幕, 此時 RecyclerView 的 onInterceptTouchEvent() 方法還是返回了 true , 所以 ViewGroup 還是繼續攔截了事件, 導致 ViewPager 無法處理.
解決思路
1. 如果是 Fling 狀態的 RecyclerView , 在處理 ACTION_DOWN 事件時, 應該與 IDLE 狀態下保持一致.
2. Fling 狀態下處理 ACTION_DOWN , onInterceptTouchEvent() 方法應該返回 false.

實現代碼:

@Override
public boolean onInterceptTouchEvent(MotionEvent e) {
    //isScrolling 為 true 表示是 Fling 狀態
    boolean isScrolling = getScrollState() == SCROLL_STATE_SETTLING;
    boolean ans = super.onInterceptTouchEvent(e);
    if (ans && isScrolling && e.getAction() == MotionEvent.ACTION_DOWN) {
        //先調用 onTouchEvent() 使 RecyclerView 停下來
        onTouchEvent(e);
        //反射恢復 ScrollState
        try {
            Field field = RecyclerView.class.getDeclaredField("mScrollState");
            field.setAccessible(true);
            field.setInt(this, SCROLL_STATE_IDLE);
        } catch (NoSuchFieldException e1) {
            e1.printStackTrace();
        } catch (IllegalAccessException e1) {
            e1.printStackTrace();
        }
        return false;
    }
    return ans;
}

案例三: ViewPager 與 ScrollView

在 ScrollView 嵌套 ViewPager , Fling 狀態下會有跟 RecyclerView 一樣的問題, 所以解決思路也是一樣的, 只是代碼部分有所不同.

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
    boolean ans = super.onInterceptTouchEvent(ev);
    if (ans && ev.getAction() == MotionEvent.ACTION_DOWN) {
        onTouchEvent(ev);
        Field field = null;
        try {
            field = NestedScrollView.class.getDeclaredField("mIsBeingDragged");
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        }
        if (field != null) {
            field.setAccessible(true);
            try {
                field.setBoolean(this, false);
            } catch (IllegalAccessException e) {
                e.printStackTrace();
            }
        }
        return false;
    }
    return ans;
}

來自：http://niorgai.github.io/2015/10/15/滑動沖突解決-ViewPager/

本文由用戶 LucindaGilb 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

本文地址：http://www.baiduhome.net/lib/view/open1490748626363.html

ViewPager Android開發移動開發

Android 滑動沖突解決 - ViewPager 篇

案例一: ViewPager 與 SwipeRefreshLayout

案例二: ViewPager 與 RecyclerView

案例三: ViewPager 與 ScrollView

相關經驗

相關資訊

相關文檔

目錄