介绍
drawerLayout是Support Library包中实现了侧滑菜单效果的控件,可以说drawerLayout是因为第三方控件如MenuDrawer等的出现之后,google借鉴而出现的产物。drawerLayout分为侧边菜单和主内容区两部分,侧边菜单可以根据手势展开与隐藏(drawerLayout自身特性),主内容区的内容可以随着菜单的点击而变化(这需要使用者自己实现)。
实用
DrawerLayout 实用比较简单,这里只介绍简单使用和常用API。
- 在布局文件中使用DrawerLayout 进行设置。如下示例代码:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/dlyt_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<!-- 内容 -->
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/btn_context"
android:text="context"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</FrameLayout>
<!-- 左边菜单 -->
<FrameLayout
android:background="@color/colorAccent"
android:layout_gravity="start"
android:layout_width="200dp"
android:layout_height="match_parent">
<Button
android:id="@+id/btn_left_menu"
android:text="left menu"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</FrameLayout>
<!-- 右边菜单 -->
<FrameLayout
android:background="@color/colorAccent"
android:layout_gravity="end"
android:layout_width="200dp"
android:layout_height="match_parent">
<Button
android:id="@+id/btn_right_menu"
android:text="right menu"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</FrameLayout>
</android.support.v4.widget.DrawerLayout>
在 DrawerLayout 布局中有三个元素,
- view 主体
- 左边菜单:
左边菜单的设定使用android:layout_gravity="start"
设置。 - 右边菜单:
右边菜单的设定使用android:layout_gravity="end"
设置。
通过上面,我们就已经实现了左右划出菜单效果。
如果我们需要加上一些控制逻辑,可能就需要一些的一些API了。
DrawerLayout 中部分 API 介绍
- isDrawerOpen(@EdgeGravity int drawerGravity) : 判断菜单是否打开。
传入参数:
- GravityCompat.START : 左边菜单是否打开。
- GravityCompat.END : 右边菜单是否打开。
返回值
- 打开 : true
- 关闭 : false
- openDrawer(@EdgeGravity int gravity) : 打开菜单
传入参数:
- GravityCompat.START : 打开左边菜单。
- GravityCompat.END : 打开右边菜单。
- closeDrawer(@EdgeGravity int gravity) : 关闭菜单
传入参数:
- GravityCompat.START : 关闭左边菜单。
- GravityCompat.END : 关闭右边菜单。
- addDrawerListener(@NonNull DrawerListener listener) : 添加监听
- DrawerListener 类
- onDrawerSlide(View drawerView, float slideOffset) : 滑动时调用
- onDrawerOpened(View drawerView) : 打开菜单时调用
- onDrawerClosed(View drawerView) : 关闭菜单时调用
- onDrawerStateChanged(@State int newState) : 菜单状态改变时调用
其他API查看源码就会明白如何使用。
如下Java示例代码:
//添加监听
DrawerLayout.addDrawerListener(new DrawerViewListener());
private class DrawerViewListener implements DrawerLayout.DrawerListener {
@Override
public void onDrawerSlide(View drawerView, float slideOffset) {
//滑动时调用
}
@Override
public void onDrawerOpened(View drawerView) {
//打开菜单时调用
}
@Override
public void onDrawerClosed(View drawerView) {
//关闭菜单时调用
}
@Override
public void onDrawerStateChanged(int newState) {
//菜单状态改变时调用
}
}