首先供上Google的源码文档
https://developer.android.google.cn/reference/android/support/design/widget/NavigationView.html
先放xml文件
<?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:layout_width="match_parent"
android:layout_height="match_parent"
>
<android.support.design.widget.NavigationView
android:id="@+id/navigationview_test"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="#99000000"
android:layout_gravity="start"
app:headerLayout="@layout/layout_header_test"
app:menu="@menu/navigation_menu_test"
app:itemTextColor="#ffffffff"
app:itemIconTint="#ffffffff"
></android.support.design.widget.NavigationView>
</android.support.v4.widget.DrawerLayout>
主要几个属性解释
android:layout_gravity="start"
表示是从左边边界拉出来,以前有用过left,现在都用start
app:headerLayout="@layout/layout_header_test"
上方布局,布局文件如下
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/header"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="30sp"
android:textColor="#ffffffff"
android:text="我来组成头部"/>
</LinearLayout>
app:menu="@menu/navigation_menu_test"
下方布局,这里需要用menu菜单文件,如下
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/navigation_item_1"
android:title="我来组成左手"
android:icon="@mipmap/lefthand"/>
<item
android:id="@+id/navigation_item_2"
android:title="我来组成右手"
android:icon="@mipmap/righthand"/>
<item
android:id="@+id/navigation_item_3"
android:title="我来组成左脚"
android:icon="@mipmap/leftfeet"/>
<item
android:id="@+id/navigation_item_4"
android:title="我来组成右脚"
android:icon="@mipmap/rightfeet"/>
</menu>
app:itemTextColor="#ffffffff"
item的字体颜色
app:itemIconTint="#ffffffff"
item所对应的icon的渲染颜色,如果用的是矢量图的话,可以用这个进行设置颜色
这样,一个简单的NavigationView就配置好了