NavigationView

NightRain.png

又是Design库给我们提供的一个快捷控件NavigationView，当然需要配合DrawerLayout的使用来实现侧滑的效果，NavigationView整体分为了两个部分，Header和Item内容。接下来我们看一下效果图。

效果

NavigationView效果图

布局文件

<?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"
    android:id="@+id/activity_navigation_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!--主页面内容-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#FFFFFF"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="Main"
            android:textColor="#333333"
            android:textSize="30sp" />
    </LinearLayout>
    <!--侧拉界面-->
    <android.support.design.widget.NavigationView
        android:id="@+id/navi_main"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        app:headerLayout="@layout/item_handview"
        app:itemIconTint="@color/select_color"
        app:itemTextAppearance="@style/NavigationStyle"
        app:itemTextColor="@color/select_color"
        app:menu="@menu/item_navigationview" />
</android.support.v4.widget.DrawerLayout>

自定义属性说明

自定义属性	说明	参数
headerLayout	侧拉布局中的头布局	layout文件
menu	item内容	menu资源文件
itemIconTint	item图片着色	color文件
itemTextColor	item文字颜色	color文件
itemTextAppearance	item文字属性	style文件
itemBackground	item背景颜色	color文件

常用方法

方法	说明
setNavigationItemSelectedListener	设置item点击监听，在回调方法中会返回MenuItem对象，根据对象获取相对应ID进行Item操作；
getHeaderView	获取Header布局的对象，从而可以获取到Header布局中每一个控件，然后进行操作；

注意

1. 如果在Menu文件中使用了group标签，记得加上ID，不然在侧拉界面中不会出现分割线；
2. 在NavigationView中一定要添加android:layout_gravity；
3. 想要每个Item点击后图片和文件的颜色变色要在setNavigationItemSelectedListener返回的MenuItem设置item.setChecked(true);