Android Drawerlayout側滑衝突注意事項

1 DrawerLayout界面點擊事件穿透問題,即點擊Drawerlayout上面的區域,會發現該位置DrawerLayout覆蓋掉的區域的控件可以被點擊 解決方案如下:

       //這裏設置clickable(true)  必須動態設置  靜態設置沒有效果
        //解決問題   側滑菜單出來的時候 點擊菜單上的區域會有點擊穿透問題

        mDrawerLayout.setDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {
            }
            @Override
            public void onDrawerOpened(View drawerView) {
                drawerView.setClickable(true);
            }
            @Override
            public void onDrawerClosed(View drawerView) {
            }
            @Override
            public void onDrawerStateChanged(int newState) {
            }
        });
  1. 處理DrawerLayout全屏滑動(默認不會全屏滑動)、然後屏蔽掉長按會彈抽屜的方式
/**
     * 向右邊滑
     * 處理DrawerLayout全屏滑動(默認不會全屏滑動)、然後屏蔽掉長按會彈抽屜的方式
 * @param displayWidthPercentage 1.0表示全屏可滑動 0.5只有右半部分可滑屏 0表示沒有滑動事件
     */
    fun setDrawerRightEdgeSize(
        activity: Activity,
        drawerLayout: DrawerLayout,
        displayWidthPercentage: Float
    ) {
        if (activity == null || drawerLayout == null) return
        try {
            // 找到 ViewDragHelper 並設置 Accessible 爲true
            val leftDraggerField: Field =
                drawerLayout.javaClass.getDeclaredField("mLeftDragger") //Right
            // true表示可全屏滑動
            leftDraggerField.isAccessible = true
            val leftDragger: ViewDragHelper = leftDraggerField[drawerLayout] as ViewDragHelper

            // 找到 edgeSizeField 並設置 Accessible 爲true
            val edgeSizeField: Field = leftDragger.javaClass.getDeclaredField("mEdgeSize")
            // true表示可全屏滑動
            edgeSizeField.isAccessible = true
            val edgeSize = edgeSizeField.getInt(leftDragger)

            // 設置新的邊緣大小
            val displaySize = Point()
            activity.windowManager.defaultDisplay.getSize(displaySize)
            edgeSizeField.setInt(
                leftDragger, Math.max(
                    edgeSize, (displaySize.x *
                            displayWidthPercentage).toInt()
                )
            )

            //獲取 Layout 的 ViewDragCallBack 實例“mLeftCallback”
            //更改其屬性 mPeekRunnable
            val leftCallbackField: Field =
                drawerLayout.javaClass.getDeclaredField("mLeftCallback")
            // true 表示不可長按彈窗
            leftCallbackField.isAccessible = true

            //因爲無法直接訪問私有內部類,所以該私有內部類實現的接口非常重要,通過多態的方式獲取實例
            val leftCallback: ViewDragHelper.Callback =
                leftCallbackField[drawerLayout] as ViewDragHelper.Callback
            val peekRunnableField: Field = leftCallback.javaClass.getDeclaredField("mPeekRunnable")

            // true 表示不可長按彈窗
            peekRunnableField.isAccessible = true
            peekRunnableField[leftCallback] = Runnable {}
        } catch (e: NoSuchFieldException) {
        } catch (e: IllegalArgumentException) {
        } catch (e: IllegalAccessException) {
        }
    }
  1. Android中DrawerLayout+ViewPager滑動衝突及類似側滑抽屜內列表數據條目側滑衝突的解決方法

首先,讓我們先來解決 DrawerLayout 和 ViewPager 的側滑事件衝突。當 DrawerLayout 中嵌套 ViewPager 時,側滑默認是執行 DrawerLayout 的側滑事件,因爲 Android 的事件分發是從 外層 ViewGroup 向裏逐級傳遞到 View 的。
所以會先執行 DrawerLayout 的 onTouchEvent 方法:

@Override
public boolean onTouchEvent(MotionEvent ev) {
 mLeftDragger.processTouchEvent(ev); 
 mRightDragger.processTouchEvent(ev); 
 final int action = ev.getAction(); boolean wantTouchEvents = true; 
 switch (action & MotionEventCompat.ACTION_MASK) { 
  case MotionEvent.ACTION_DOWN: { 
   final float x = ev.getX(); 
   final float y = ev.getY(); 
   mInitialMotionX = x; 
   mInitialMotionY = y; 
   mDisallowInterceptRequested = false; 
   mChildrenCanceledTouch = false; 
   break; 
  } 
  case MotionEvent.ACTION_UP: { 
   final float x = ev.getX(); 
   final float y = ev.getY(); 
   boolean peekingOnly = true;
   final View touchedView = mLeftDragger.findTopChildUnder((int) x, (int) y); 
   if (touchedView != null && isContentView(touchedView)) { 
    final float dx = x - mInitialMotionX; 
    final float dy = y - mInitialMotionY; 
    final int slop = mLeftDragger.getTouchSlop(); 
    if (dx * dx + dy * dy < slop * slop) { 
     // Taps close a dimmed open drawer but only if it isn't locked open. 
     final View openDrawer = findOpenDrawer(); 
     if (openDrawer != null) { 
      peekingOnly = getDrawerLockMode(openDrawer) == LOCK_MODE_LOCKED_OPEN; 
     } 
    } 
    } 
   closeDrawers(peekingOnly); 
   mDisallowInterceptRequested = false; 
   break; 
  } 
  case MotionEvent.ACTION_CANCEL: { 
   closeDrawers(true); 
   mDisallowInterceptRequested = false;
   mChildrenCanceledTouch = false; break; 
  } 
 } 
 return wantTouchEvents;
}

可以看到在最後始終返回 wantTouchEvents,也就是返回 true,意味着點擊事件在 DrawerLayout 就被消費掉了,無法傳到 ViewPager。

所以,我們像下面這樣,監聽當 Drawer 打開時,將 DrawerLayout 設置爲 LOCK_MODE_LOCKED_OPEN,這樣在 Drawer 被打開時,就能夠觸發 ViewPager 的滑動事件了。

mDrawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() { 
 @Override 
 public void onDrawerSlide(View drawerView, float slideOffset) {

 }

 @Override 
 public void onDrawerOpened(View drawerView) {
 mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_OPEN);
 }

 @Override public void onDrawerClosed(View drawerView) {
 mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED); 
 }

 @Override public void onDrawerStateChanged(int newState) {

 }
});

但是,當側邊欄的 ViewPager 滑動到最後一頁,再向左滑動時,我們會希望能夠自然的關閉 Drawer。這就需要我們監聽 ViewPager 的 PageChange 事件,當滑動到最後一頁時,將 DrawerLayout 的 LockMode 設置回 LOCK_MODE_UNLOCKED。

然後讓 MainActivity 實現這個:

@Override
public void onPageSelected(boolean isLast) { 
 if (isLast) { 
 mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED);
 } else if (mDrawerLayout.getDrawerLockMode(GravityCompat.START) == DrawerLayout.LOCK_MODE_UNLOCKED) {
 mDrawerLayout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_OPEN); 
 }
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章