轉(zhuǎn)載：http://blog.csdn.net/u012702547/article/details/51253222
導(dǎo)航菜單的制作方式多種多樣，網(wǎng)上也有各種炫酷效果的具體實現(xiàn)方式，那么今天我主要是想來說說Google在Android5.0之后推出的NavigationView的具體使用方式。
NavigationView在很多App上都已經(jīng)可以看到其效果圖，國內(nèi)的比如知乎（側(cè)拉菜單滑出來的那一部分屬于NavigationView），如下圖：
還有Google自己的那些app，也基本全都采用了NavigationView，如下圖，分別是Gmail、Google Map以及Google Play：
OK，看完了圖，接下來我們就來說說這個NavigationView吧。
long long ago，我們做抽屜菜單的時候，左邊滑出來的那一部分的布局都是由我們自己來定義的，自己寫的話，花點時間也能做出來好看的側(cè)拉菜單，但總是要耗費時間，于是Google在5.0之后推出了NavitationView，就是我們左邊滑出來的那個菜單。這個菜單整體上分為兩部分，上面一部分叫做HeaderLayout，下面的那些點擊項都是menu，這樣的效果如果我們要自己寫肯定也能寫出來，但是沒有必要，既然Google提供了這個控件，那我們就來看看這個控件要怎么用吧。
和普通的側(cè)拉菜單制作方式一樣，首先所有的東西還是都放在一個DrawerLayout中（如果你對DrawerLayout的使用還不熟悉，請參考這篇文章使用DrawerLayout實現(xiàn)側(cè)拉菜單），只不過這次我們把左邊滑出菜單的布局用一個NavigationView來代替，代碼如下：
[java]view plaincopy
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"
tools:context="org.mobiletrain.drawerlayout.MainActivity">
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="主頁面"/>
android:id="@+id/navigation_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="left"
android:fitsSystemWindows="true"
app:headerLayout="@layout/header_layout"
app:menu="@menu/main">
OK，下面我來分別解釋一下這里邊幾個屬性的含義：
1.android:layout_gravity="left"屬性表示該View是左邊的滑出菜單，這個屬性的含義不用多說，這是DrawerLayout使用方式中的知識點。
2.app:headerLayout="@layout/header_layout"表示引用一個頭布局文件，這個頭就是我們在上面看到的那個背景圖片，包括背景圖片上面的顯示用戶名的控件等等。
3.app:menu="@menu/main"表示引用一個menu作為下面的點擊項
OK，那我們再來看看頭布局文件：
<?xml version="1.0"encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout
android:layout_width="match_parent"
android:layout_height="200dp"
android:orientation="vertical">
android:id="@+id/iv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@drawable/p1"/>
再來看看menu文件：
[java]view plaincopy
android:id="@+id/favorite"
android:icon="@mipmap/ic_launcher"
android:title="收藏"/>
android:id="@+id/wallet"
android:icon="@mipmap/ic_launcher"
android:title="錢包"/>
android:id="@+id/photo"
android:icon="@mipmap/ic_launcher"
android:title="相冊"/>
android:id="@+id/file"
android:icon="@mipmap/ic_launcher"
android:title="文件"/>
OK，運行來看看效果：
OK，已經(jīng)顯示出來了，但是有一個問題，圖片都變?yōu)榛疑?，怎么破？有兩種方式：
1.在布局文件中添加app:itemIconTint="@color/blue"屬性，表示設(shè)置圖片的顏色全都為藍色，效果如下：
2.第一種解決方案會讓所有的圖片以一種顏色來顯示，如果我想讓圖片就是顯示他本身的顏色該怎么辦呢？在Java代碼中調(diào)用如下方法：
[java]view plaincopy
NavigationView?navigationView?=?(NavigationView)?findViewById(R.id.navigation_view);
navigationView.setItemIconTintList(null);
顯示效果如下：
這下正常了。
還有下面兩個常用的API：
1.app:itemBackground="@color/colorAccent"設(shè)置每一個item的背景顏色
2.app:itemTextColor=""設(shè)置item的背景顏色
OK，如果我想在NavigationView的item之間添加上一條分隔線呢？很簡單，只需要在menu中將相應(yīng)的item放到一個group中，并給該group取一個id即可，代碼如下：
[java]view plaincopy
android:id="@+id/favorite"
android:icon="@mipmap/ic_launcher"
android:title="收藏"/>
android:id="@+id/wallet"
android:icon="@mipmap/ic_launcher"
android:title="錢包"/>
android:id="@+id/photo"
android:icon="@mipmap/ic_launcher"
android:title="相冊"/>
android:id="@+id/file"
android:icon="@mipmap/ic_launcher"
android:title="文件"/>
顯示效果如下：
OK，分割線添加成功了。
接下來我們來看看怎么處理NavigationView中的事件監(jiān)聽。
NavigationView中的事件處理主要是兩個方面，一個頭部的點擊事件，還有一個是itemView的點擊事件，下面我們分別來看看：
處理頭部點擊事件，我們需要先獲得到頭部控件，在Java代碼中我們可以通過下面的方式獲得頭部控件，
[java]view plaincopy
//獲取頭布局文件
View?headerView?=?navigationView.getHeaderView(0);
然后通過調(diào)用headerView中的findViewById方法來查找到頭部的控件，設(shè)置點擊事件即可。
[java]view plaincopy
navigationView.setNavigationItemSelectedListener(newNavigationView.OnNavigationItemSelectedListener()?{
@Override
public boolean onNavigationItemSelected(MenuItem?item)?{
//在這里處理item的點擊事件
return true;
}
});
