1.首先我们来了解一下DrawerLayout:
DrawerLayout是Support Library包中实现了侧滑菜单效果的控件,可以说drawerLayout是因为第三方控件如MenuDrawer等的出现之后,google借鉴而出现的产物。drawerLayout分为侧边菜单和主内容区两部分,侧边菜单可以根据手势展开与隐藏(drawerLayout自身特性),主内容区的内容可以随着菜单的点击而变化(这需要使用者自己实现)。2. 功能需求
我这里是viewpager加fragment搭建的页面框架 4个便签分别为tab1 tab2 tab3 tab4 只有在tab4页面中实现滑动出现侧滑菜单的功能 在tab4中还需要在用户登录的前提下才可以滑动出侧滑菜单 那我们如何来控件侧滑菜单的关闭与打开呢?
3. 我们先来看学习一下如何使用DrawerLayout:
<!-- A DrawerLayout is intended to be used as the top-level content view using match_parent for both width and height to consume the full space available. -->
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- As the main content view, the view below consumes the entire
space available using match_parent in both dimensions. -->
<FrameLayout //主内容
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<!-- android:layout_gravity="start" tells DrawerLayout to treat
this as a sliding drawer on the left side for left-to-right
languages and on the right side for right-to-left languages.
The drawer is given a fixed width in dp and extends the full height of
the container. A solid background is used for contrast
with the content view. -->
<ListView //侧滑菜单
android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:choiceMode="singleChoice"
android:divider="@android:color/transparent"
android:dividerHeight="0dp"
android:background="#111"/></android.support.v4.widget.DrawerLayout>
4. 接下来我们来看一下DrawerLayout的属性:
锁定模式有四种:
- LOCK_MODE_LOCKED_CLOSED:关闭抽屉的滑动操作并将抽屉收起
- LOCK_MODE_LOCKED_OPEN:关闭抽屉的滑动操作并将抽屉打开
- LOCK_MODE_UNDEFINED:将锁定模式重新设置到默认状态
- LOCK_MODE_UNLOCKED:解锁对抽屉的滑动操作锁定
5.逻辑:
这样我们在tab4中可以通过eventbus来告诉DrawerLayout我们是想要打开还是关闭了
6.容易出现的问题:
1. 当点击侧滑菜单的布局时 触发了侧滑菜单覆盖的下面布局的点击事件
这时我们需要加入:
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) { }});
需要将其放在 DrawerLayout 内部才能正常使用(不要放在外面),否则要么是相互覆盖,
或者就是触屏事件失效,滚动等效果全部失效。
drawerLayout.setScrimColor(Color.TRANSPARENT);