安卓NavigationView使用方法

使用Design下的NavigationView前导入依赖步骤

在这个页面中直接找到design这个依赖，点击后再点击这两个窗口上的OK按钮，等待编译完成就完成导入了！

(可能版本不一样，导入即可)

13.1.5 介绍NavigationView

---

Google在5.0之后推出的NavitationView，所有的布局控件放在DrawerLayout中来使用，NavigationView的作用就像这样，实现侧拉效果。和DrawerLayout效果几分差异，QQ从左至右从边滑动的侧拉效果。上半部分图片背景，圆形头像，下面每一个都是导航菜单现在就来实现一下它(虽然是Iphone图，但是没关系了，就是这个道理)。

---

布局文件、标签属性

---

敲出最简单的布局，实现最简单的效果

<?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:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.MainActivity”>

<LinearLayout

android:background=“#4d7aed”

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<TextView

android:gravity=“center”

android:textSize=“18sp”

android:text=“这里是一个主页面”

android:layout_width=“match_parent”

android:layout_height=“match_parent” />

<android.support.design.widget.NavigationView

android:layout_gravity=“left”

android:background=“#ffffff”

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

</android.support.design.widget.NavigationView>

</android.support.v4.widget.DrawerLayout>

将所有布局控件放下DrawerLayout 中，NavigationView加上属性android:layout_gravity="left"实现左侧滑！

---

如果加一个头布局文件，姐可以侧拉出这样的效果布局代码如下

主布局文件activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>

<android.support.v4.widget.DrawerLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:ap​
p=“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=“.MainActivity”>

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“#4d7aed”>

<TextView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:gravity=“center”

android:text=“这里是一个主页面”

android:textSize=“18sp” />

<android.support.design.widget.NavigationView

app:headerLayout=“@layout/layout”

android:layout_width=“450dp”

android:layout_height=“match_parent”

android:layout_gravity=“start”

android:background=“#ffffff”>

</android.support.design.widget.NavigationView>

</android.support.v4.widget.DrawerLayout>

头布局文件layout.xml

<?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=“260dp”

android:orientation=“vertical”>

<ImageView

android:layout_width=“match_parent”

android:layout_height=“230dp”

android:background=“@mipmap/kb” />

<TextView

android:layout_width=“match_parent”

android:layout_height=“30dp”

android:background=“#63a6e9”

android:gravity=“center”

android:text=“《魁拔》”

android:textColor=“#fff”

android:textSize=“18sp” />

---

之后加上menu就可以实现这样的效果了(虽然丑了，但是还是可以实现，要求美观就细扣)

创建的menu应该在这里

menu.xml

<?xml version="1.0" encoding="utf-8"?>

<item

android:id=“@+id/item1”

android:title=“功能列表1”>

<item

android:id=“@+id/item2”

android:title=“功能列表2”>

<item

android:id=“@+id/item3”

android:title=“功能列表3”>

<item

android:id=“@+id/item4”

android:title=“功能列表4”>

<item

android:id=“@+id/item5”

android:title=“功能列表5”>

还可以在每个item加上  android:icon=“”  ，为这个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”

xmlns:tools=“http://schemas.android.com/tools”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.MainActivity”>

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“#4d7aed”>

<TextView

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:gravity=“center”

android:text=“这里是一个主页面”

android:textSize=“18sp” />

<android.support.design.widget.NavigationView

app:menu=“@menu/menu”

app:headerLayout=“@layout/layout”

android:layout_width=“450dp”

android:layout_height=“match_parent”

android:layout_gravity=“start”

android:background=“#ffffff”>

</android.support.design.widget.NavigationView>

</android.support.v4.widget.DrawerLayout>

最后

小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取
ffffff">

</android.support.design.widget.NavigationView>

</android.support.v4.widget.DrawerLayout>

最后

小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

[外链图片转存中…(img-G0ADyKai-1719102157753)]一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取