Android 高大上的侧滑菜单DrawerLayout，解决了不能全屏滑动的问题 _侧滑菜单

幽映每白日，清辉照衣裳。这篇文章主要讲述Android 高大上的侧滑菜单DrawerLayout，解决了不能全屏滑动的问题相关的知识，希望能为你提供帮助。

文章图片

DrawerLayout预览DrawerLayout主要功能就是实现侧滑菜单效果的功能，并且可以通过增加一些设置来实现高大上的效果，那么就请看动态图：

文章图片

注意左上角那个图标，有木有很好玩，哈哈...

接下来就介绍如何实现这一功能 1. 在项目对应的build.gradle中添加依赖

dependencies { ...//其他代码 compile ‘com.android.support:appcompat-v7:24.0.0‘ compile ‘com.android.support:design:24.0.0‘ ...//其他代码 }

2. 添加ToolBar，创建toolbar.xml文件

< ?xml version="1.0" encoding="utf-8"?> < RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="wrap_content" android:layout_height="wrap_content"> < android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:clipToPadding="true" android:fitsSystemWindows="true" android:layout_width="match_parent" android:layout_height="wrap_content" app:title="资讯" app:titleTextColor="#fff"> < /android.support.v7.widget.Toolbar> < /RelativeLayout>

3. 在main.xml中添加DrawerLayout

< ?xml version="1.0" encoding="utf-8"?> < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> < !-- 添加ToolBar --> < include layout="@layout/toolbar"/> < !--添加DrawerLayout--> < android.support.v4.widget.DrawerLayout android:id="@+id/drawerlayout" android:layout_width="match_parent" android:layout_height="match_parent"> < !-- 一般第一个位置的代表主内容 --> < FrameLayout android:id="@+id/main" android:layout_width="match_parent" android:layout_height="match_parent"> < /FrameLayout> < !-- 左侧菜单(设置layout_gravity 为left) --> < RelativeLayout android:id="@+id/left" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="left"> < /RelativeLayout> < !-- 右侧菜单(设置layout_gravity 为right) --> < RelativeLayout android:id="@+id/right" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="right"> < /RelativeLayout> < /android.support.v4.widget.DrawerLayout> < /LinearLayout>

【Android 高大上的侧滑菜单DrawerLayout，解决了不能全屏滑动的问题】DrawerLayout一般分为三个部分主内容，左侧菜单，右侧菜单
每个部分的内容自行设置，我是采用Fragment方式设置内容，这里仅供参考

//新建Fragment，具体内容我就不详细说了 fragmentMain = new FragmentMain(); //添加内容，比较简单的 getSupportFragmentManager().beginTransaction().replace(R.id.main, fragmentMain).commit();

到此为止已经初步实现了侧滑菜单的功能，来看一下效果

文章图片

DrawerLayout初效果.gif然后，就是给侧滑按钮添加效果了 1. 在此之前要进行view的初始化

mDrawerLayout = (DrawerLayout) findViewById(R.id.drawerlayout); toolbar = (Toolbar) this.findViewById(R.id.toolbar); setSupportActionBar(toolbar);

2. 通过ActionBarDrawerToggle来完成效果，操作很简单

mToggle = new ActionBarDrawerToggle(HomeActivity.this, mDrawerLayout, toolbar, R.string.open, R.string.close); mToggle.syncState(); mDrawerLayout.addDrawerListener(mToggle);

这样就结束了

最后就是解决DrawerLayout不能全屏滑动的问题

private void setDrawerLeftEdgeSize (Activity activity, DrawerLayout drawerLayout, float displayWidthPercentage) { if (activity == null || drawerLayout == null) return; try { // 找到 ViewDragHelper 并设置 Accessible 为true Field leftDraggerField = drawerLayout.getClass().getDeclaredField("mLeftDragger"); //Right leftDraggerField.setAccessible(true); ViewDragHelper leftDragger = (ViewDragHelper) leftDraggerField.get(drawerLayout); // 找到 edgeSizeField 并设置 Accessible 为true Field edgeSizeField = leftDragger.getClass().getDeclaredField("mEdgeSize"); edgeSizeField.setAccessible(true); int edgeSize = edgeSizeField.getInt(leftDragger); // 设置新的边缘大小 Point displaySize = new Point(); activity.getWindowManager().getDefaultDisplay().getSize(displaySize); edgeSizeField.setInt(leftDragger, Math.max(edgeSize, (int) (displaySize.x * displayWidthPercentage))); } catch (NoSuchFieldException e) { } catch (IllegalArgumentException e) { } catch (IllegalAccessException e) { } }