Navigation View - Material Desig

Navigation View - Material Design Support Library Tutorial

知识点小摘

• 添加Material Design Support Library 库的依赖：
  compile 'com.android.support:design:22.2.0(或者最新版本)
• 添加CircleImage的依赖库：github地址: circleimageview

dependencies {
...
compile 'de.hdodenhof:circleimageview:2.0.0'
}

• Navigation View主要包含以下两个重要的组成
• Header View
  一般为个人主页信息，包含个人头像，名称，Email，简介等信息。
  在Layout文件夹下创建Header_view.layout的文件，定义Header的布局
• Menu
  包含应用的菜单，比如知乎的Menu就包含：首页，发现，关注，收藏，圆桌，私信，切换主题和设置。
  这个应该是应用层次结构上的一级菜单分类。
  在res/下创建menu的目录，然后新建drawer.xml 文件用于设置目录选项
  <code>
  ....
  <item
  android:id="@+id/inbox"
  android:checked="false"
  android:icon="@drawable/ic_inbox_black" //01
  android:title="@string/inbox_string" /> //02
  ....
  </code>

• 01用于设置Item的Icon，02设置Item的名称

  
  Navigation.png

• Navigation View的Header和Menu设置好后就可以在activity_main.xml文件中使用了：
  **app****:headerLayout=****"@layout/header" **//设置header
  app****:menu=****"@menu/drawer"//设置菜单选项
  android****:layout_gravity=****"start"//左对齐
• 此时：Navigation View需要和android.support.v4.widget.DrawerLayout配合使用
• DrawerLayout包含了两部分：
• DrawerLayout作为根布局包含了两个子View分别对应于Content View和导航栏Navigation View.

<code>
main_activity.xml布局完整代码如下：

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawer"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".MainActivity">

<LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:orientation="vertical"
    >
    <include
        android:id="@+id/toolbar"
        layout="@layout/tool_bar"
    />
    <FrameLayout
        android:id="@+id/frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </FrameLayout>

</LinearLayout>

<android.support.design.widget.NavigationView
    android:id="@+id/navigation_view"
    android:layout_height="match_parent"
    android:layout_width="wrap_content"
    android:layout_gravity="start"
    app:headerLayout="@layout/header"
    app:menu="@menu/drawer"
    />
</android.support.v4.widget.DrawerLayout>

</code>