侧滑菜单 drawerlayout 与 NavigationView

使用侧滑菜单的应用也有很多。 网上有不少自定义的解决方案，但是google给出了官方的解决方法那就是drawerlayout。 这个组件有V4包内的组件，而navigationview是最新的design包内。所以使用navigation的时候需要加入引用，如果是android studio 直接在library dependeces里搜索添加即可。

使用官方的侧滑有两种一种是模板的方式， 直接利用模板引导器创建， 另一种是自定义；第一种方式就不再描述了。这里描述第二种。

代码：

主布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/drawer"
    android:fitsSystemWindows="true"
    tools:openDrawer="start"
    tools:context="com.app.yunrich.test1.MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
    <android.support.design.widget.NavigationView
        android:fitsSystemWindows="true"
        android:id="@+id/nav"
        android:background="#00ff00"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_gravity="start"
        app:headerLayout="@layout/header"
        app:menu="@menu/drawer">
    </android.support.design.widget.NavigationView>
</android.support.v4.widget.DrawerLayout>

header布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context="com.app.yunrich.test1.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
</LinearLayout>

drawer的menu布局

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<group android:checkableBehavior="single">
    <item  android:title="ddd1"></item>
    <item  android:title="ddd2"></item>
    <item  android:title="ddd12"></item>
</group>
    <item android:title="ddd">
        <menu >
            <item  android:title="ddd1"></item>
            <item  android:title="ddd2"></item>
            <item  android:title="ddd12"></item>
        </menu>
    </item>
</menu>

关闭代码

 if(drawerLayout.isDrawerOpen(GravityCompat.START)){
            drawerLayout.closeDrawer(GravityCompat.START);
 }

开启代码

drawerLayout.openDrawer(GravityCompat.START);

事件响应需要设置导航监听，并处理item，实现以下接口

NavigationView.OnNavigationItemSelectedListener

总结：

需要注意三点：

1、在布局中使用drawerlayout 包含navigationview， 必须设置navigationview的layout_gravity属性,start 或者end , start对应屏幕左边，end 对应于屏幕右边，如果没有会抛出没有找到相关属性的视图异常。 

2、navigationview的显示是

app:headerLayout="@layout/header"
app:menu="@menu/drawer"

前者是侧滑菜单头部

后者是侧滑菜单正文