完美开启DrawerLayout全屏手势侧滑

2023-10-23 11:57| 来源: 网络整理| 查看: 265

DrawerLayout是安卓官方的一个非常好用的组件，使用ViewDragHelper实现。主要方便大家写由侧滑菜单的界面。但是这个东西可定制性其实不强，侧滑手势必须在屏幕边缘才可以，在现在手机屏幕越来越大的情况下，其实不利于单手操作。那么怎么才可以让DrawerLayout可以全屏手势侧滑出菜单呢？注：下面的描述默认侧滑菜单都是在左侧的，右侧同理，但很少用到右侧的。

一、按照网上可以查找到的内容，主要由两种做法：

1、在Activity里重写事件分发，判断是右滑的话就drawer.openDrawer(GravityCompat.START); 但这种体验并不好，也得在手指滑动离开屏幕后才行，没有跟随手势的动画。也容易和内部可以垂直滚动的控件有一点点滑动冲突。 2、就是利用反射，重新设置edgeSize，但这种也有个问题。在侧滑范围内手指长按屏幕（没有离开屏幕），侧滑菜单就会展开，如果这个范围设置的屏幕宽度差不多（比较大），侧滑菜单就会过度右移，造成左侧边缘有空白。通过分析源码，我发现DrawerLayout的ViewDragCallback类重写了onEdgeTouched方法，而他的实现就是调用了下面的peekDrawer方法：

private final Runnable mPeekRunnable = new Runnable() { @Override public void run() { peekDrawer(); } }; @Override public void onEdgeTouched(int edgeFlags, int pointerId) { postDelayed(mPeekRunnable, PEEK_DELAY); } void peekDrawer() { final View toCapture; final int childLeft; final int peekDistance = mDragger.getEdgeSize(); final boolean leftEdge = mAbsGravity == Gravity.LEFT; if (leftEdge) { toCapture = findDrawerWithGravity(Gravity.LEFT); childLeft = (toCapture != null ? -toCapture.getWidth() : 0) + peekDistance; } else { toCapture = findDrawerWithGravity(Gravity.RIGHT); childLeft = getWidth() - peekDistance; } // Only peek if it would mean making the drawer more visible and the drawer isn't locked if (toCapture != null && ((leftEdge && toCapture.getLeft() < childLeft) || (!leftEdge && toCapture.getLeft() > childLeft)) && getDrawerLockMode(toCapture) == LOCK_MODE_UNLOCKED) { final LayoutParams lp = (LayoutParams) toCapture.getLayoutParams(); mDragger.smoothSlideViewTo(toCapture, childLeft, toCapture.getTop()); lp.isPeeking = true; invalidate(); closeOtherDrawer(); cancelChildViewTouch(); } }

注意mDragger.smoothSlideViewTo(toCapture, childLeft, toCapture.getTop())就是长按屏幕时，侧滑菜单会自动滑出来的原因，即使你不做任何修改，也可以在使用了DrawerLayout和NavigateView的界面测试这个现像：直接长按屏幕左侧边缘，你就会发现侧滑菜单会自动滑出来一段距离，当然，只是一小部分，而这也是DrawerLayout默认的手势识别范围。所以如果通过反射修改了edgeSize，那么长按屏幕，自动滑出的部分也就越多，当edgeSize大于侧滑菜单的宽度，左侧就会有空白。

二、较为完美的解决方案

首先，肯定不是几句代码设置下就可以搞定的。但也可以不用重复造轮子。原理很简单，通过上面的分析其实很明了：

去掉ViewDragCallback的onEdgeTouch的实现重写onInterceptTouchEvent添加自己的拦截逻辑修改ViewDragHelper的mEdgeSize ViewDragHelper.Callback 是个抽象类，DrawerLayout有个实现类ViewDragCallback，里面重写了onEdgeTouched方法，没有可以修改的API，所以直接复制源码比较直接（分分钟搞定）。 1、复制原有轮子

新建一个类XDrawerLayout，复制DrawerLayout的源码（注意一个细节，复制纯字符串，不然Android studio会把包引用一起复制的，改起来很麻烦），然后删除里面ViewDragCallback的onEdgeTouched，同时如果使用ActionBar或Toolbar配合DrawerLayout，还要复制ActionBarDrawerToggle类和ActionBarDrawerToggleHoneycomb类的相关代码。可以新建为 XDrawerToggle和XDrawerToggleHoneycomb。

2、重写XDrawerLayout的onInterceptTouchEvent @Override public boolean onInterceptTouchEvent(MotionEvent ev) { //其实就是吧原来的实现放到一个新的方法里，然后添加自己的逻辑。 try { final float x = ev.getX(); final float y = ev.getY(); switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: mLastMotionX = x; mLastMotionY = y; break; case MotionEvent.ACTION_MOVE: //这里的判断拦截的逻辑是滑动的角度小于等于30°就是横向滑动，肯定拦截 //否者使用原来的逻辑，调用interceptTouchEvent //这样写主要是有垂直滚动的RecyclewrView //具体怎么处理，看自己具体需求 float xDiff = Math.abs(x - mLastMotionX); float yDiff = Math.abs(y - mLastMotionY); return xDiff > 0 && xDiff >= yDiff * Math.sqrt(3); } return interceptTouchEvent(ev); } catch (IllegalArgumentException ex) { ex.printStackTrace(); return false; } } //这就是原来的onInterceptTouchEvent private boolean interceptTouchEvent(MotionEvent ev) { final int action = ev.getActionMasked(); // "|" used deliberately here; both methods should be invoked. final boolean interceptForDrag = mLeftDragger.shouldInterceptTouchEvent(ev) | mRightDragger.shouldInterceptTouchEvent(ev); boolean interceptForTap = false; switch (action) { case MotionEvent.ACTION_DOWN: { final float x = ev.getX(); final float y = ev.getY(); mInitialMotionX = x; mInitialMotionY = y; if (mScrimOpacity > 0) { final View child = mLeftDragger.findTopChildUnder((int) x, (int) y); if (child != null && isContentView(child)) { interceptForTap = true; } } mDisallowInterceptRequested = false; mChildrenCanceledTouch = false; break; } case MotionEvent.ACTION_MOVE: { // If we cross the touch slop, don't perform the delayed peek for an edge touch. if (mLeftDragger.checkTouchSlop(ViewDragHelper.DIRECTION_ALL)) { mLeftCallback.removeCallbacks(); mRightCallback.removeCallbacks(); } break; } case MotionEvent.ACTION_CANCEL: case MotionEvent.ACTION_UP: { closeDrawers(true); mDisallowInterceptRequested = false; mChildrenCanceledTouch = false; } } return interceptForDrag || interceptForTap || hasPeekingDrawer() || mChildrenCanceledTouch; } 3、反射修改edgeSize public static void setCustomLeftEdgeSize(@NonNull XDrawerLayout drawerLayout, float displayWidthPercentage) { try { // find ViewDragHelper and set it accessible Field leftDraggerField = drawerLayout.getClass().getDeclaredField("mLeftDragger"); if (leftDraggerField == null) { return; } leftDraggerField.setAccessible(true); ViewDragHelper leftDragger = (ViewDragHelper) leftDraggerField.get(drawerLayout); // find edgesize and set is accessible Field edgeSizeField = leftDragger.getClass().getDeclaredField("mEdgeSize"); edgeSizeField.setAccessible(true); int edgeSize = edgeSizeField.getInt(leftDragger); // set new edgesize int widthPixels = DisplayUtils.getWindowWidth(drawerLayout.getContext()); edgeSizeField.setInt(leftDragger, Math.max(edgeSize, (int) (widthPixels * displayWidthPercentage))); } catch (NoSuchFieldException e) { e.printStackTrace(); } catch (IllegalArgumentException e) { e.printStackTrace(); } catch (IllegalAccessException e) { e.printStackTrace(); } } 4、使用XDrawerLayout替换DrawerLayout

布局文件，Activity里都要替换，如果使用ActionBar或Toolbar配合DrawerLayout，还要替换ActionBarDrawerToggle--->XDrawerToggle ActionBarDrawerToggleHoneycomb--->XDrawerToggleHoneycomb 合适的地方调用setCustomLeftEdgeSize（mXDrawerLayout,1f）就可以了。设置为1f就可以全屏。注意：由于用了反射，如果你使用了代码混淆，一定要keep XDrawerLayout，不然会失效的。

#XDrawerLayout反射 -keepclasseswithmembernames class [packagespace].XDrawerLayout{ ; }

【本文地址】

公司简介

联系我们

今日新闻

推荐新闻

专题文章