版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Common_it/article/details/80481435
又是Design库给我们提供的一个快捷控件NavigationView,当然需要配合DrawerLayout的使用来实现侧滑的效果,NavigationView整体分为了两个部分,Header和Item内容。接下来我们看一下效果图。
效果
布局文件
<?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布局中每一个控件,然后进行操作;
注意
- 如果在Menu文件中使用了
group
标签,记得加上ID,不然在侧拉界面中不会出现分割线; - 在NavigationView中一定要添加
android:layout_gravity
; - 想要每个Item点击后图片和文件的颜色变色要在
setNavigationItemSelectedListener
返回的MenuItem
设置item.setChecked(true);