[置顶] Android NavigationView的使用详解以及各种问题解决方案

一：先看效果图这个效果图分为三部分：头布局 menu（即中间的item部分） 尾布局二：NavigationView的定义Android 5.0以前。我们做抽屉菜单的时候，左或右边滑出来的那一部分的布局都是由我们自定义的。于是Google在5.0之后推出了NavitationView，就是我们左边滑出来的这个菜单。这个菜单整体上分为两部分，上面一部分叫做HeaderLayout，下面的那些点击项都是menu。三：Navigation的使用（直接上代码）

<?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:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">

<include layout="@layout/app_bar_main"/>

<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true"
app:headerLayout="@layout/nav_header_main"
app:menu="@menu/activity_main_drawer"
>

<LinearLayout
android:id="@+id/ll_exit"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_gravity="bottom"
android:layout_marginTop="40dp"
android:background="#FB3F3E"
android:gravity="center">

<TextView
android:layout_width="match_parent"
android:layout_height="30dp"
android:gravity="center"
android:text="退出登录（aqy）"/>
</LinearLayout>
</android.support.design.widget.NavigationView>
</android.support.v4.widget.DrawerLayout>

解释：

<include layout="@layout/app_bar_main"/>这是主界面

<android.support.design.widget.NavigationView/>这是侧滑界面

android:layout_gravity="start"或者Android:layout_gravity="left" ：表示侧滑菜单从左边滑出，改成right变为从右边滑出。

app:headerLayout="@layout/nav_header_main"  ：表示头布局

app:menu="@menu/activity_main_drawer" ：中间部分，menu的点击部分

头布局代码：layout/nav_header_main

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="20dp"android:gravity="center"android:orientation="vertical"android:theme="@style/ThemeOverlay.AppCompat.Dark"><ImageViewandroid:id="@+id/img_person_head"android:layout_width="80dp"android:layout_height="80dp"android:src="@mipmap/baby"/><TextViewandroid:layout_width="wrap_content"android:layout_height="30dp"android:layout_marginTop="5dp"android:text="Baby"android:textColor="#000"android:textSize="16sp"/><Viewandroid:layout_width="match_parent"android:layout_height="0.5dp"android:background="#817070"/></LinearLayout>

menu/activity_main_drawer布局

<menu xmlns:android="http://schemas.android.com/apk/res/android"><groupandroid:id="@+id/g1"android:checkableBehavior="none"><itemandroid:id="@+id/item_zhaq"android:icon="@mipmap/ic_launcher"android:title="账户安全"/></group><groupandroid:id="@+id/g2"android:checkableBehavior="none"><itemandroid:id="@+id/item_yjfk"android:icon="@mipmap/ic_launcher"android:title="意见反馈"/></group></menu>

四：出现的问题Q1：怎么在item中间加一条分割线Answer：把item放在group里面。注意group要有id。

 代码：<groupandroid:id="@+id/g2"android:checkableBehavior="none"><itemandroid:id="@+id/item_yjfk"android:icon="@mipmap/ic_launcher"android:title="意见反馈"/></group>

Q2:怎么获得头布局的控件Answer：

View headerView = navigationView.getHeaderView(0);//获得头布局

获取imageview

ImageView mImgPersonHead = (ImageView) headerView.findViewById(R.id.img_person_head);Q3：Item的点击事件：

navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {@Overridepublic boolean onNavigationItemSelected(MenuItem item) {//在这里处理item的点击事件

switch (item.getItemId()) {

case R.id.xxx: startActivity(new Intent(this,xxxActivity.class)); break;

}return true;

})Q4:怎么添加尾布局Answer：看上面的代码，只要在NavigationView里面，加入想要的尾布局内容就可以Q5：怎么设置item中icon的颜色1.app:itemBackground="@color/colorAccent"设置每一个item的背景颜色2.app:itemTextColor=""设置item的背景颜色3.代码中设置：navigationView.setItemIconTintList(null); //显示icon本身的颜色Q6：怎么设置item中icon的大小：在dimens 文件中加入该属性：

<dimen name="navigation_icon_size">48dp</dimen>

原理：查看NavigationView中的源码，最终发现在 NavigationMenuItemView这个类中实现时，是采用以下方式获取大小的：

 public NavigationMenuItemView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);this.mIconSize = context.getResources().getDimensionPixelSize(dimen.navigation_icon_size);}

Finl：最后 欢迎各位补充。有问题欢迎批评