在 Android 开发领域中，设计 Material Design 的 NavigationView 是非常常见的。这种视图通常用于应用程序的导航，让用户可以更轻松地浏览和操作应用中的不同部分，增强用户体验。本文将介绍如何使用 NavigationView 来创建 Material Design 风格的侧边导航栏。
NavigationView 简介
NavigationView 是一个 Android 常用组件，用于在侧边栏中显示导航项。它提供了灵活的选项，可以轻松地设置菜单项的标题、图标、子标题等。NavigationView 是一个常常被使用的组件，你可以在多个 Android 应用中看到它，如 Google Play、Google Drive 等。
NavigationView 非常易于使用和定制，需要几个步骤就可以将其实现到你的应用程序中。让我们看下一步步如何实现 NavigationView。
NavigationView 实现
Navigation View 实现的核心要素是 DrawerLayout 和 NavigationView。DrawerLayout 用来管理 NavigationView 的显示，而 NavigationView 是用来显示菜单项的视图容器。
步骤1：引入 DrawerLayout 和 NavigationView
在你的 Android 开发项目中，打开 app 的 gradle 文件，在 dependencies 块中添加以下代码：
-------------- --------------------------------------------
这将导入 material design 库，包括 DrawerLayout 和 NavigationView 等必需的组件。
步骤2：实现 DrawerLayout 和 NavigationView
在你的 XML 文件中添加 DrawerLayout 和 NavigationView，编写如下代码：
------------------------------------------
------------------------------
-----------------------------------
------------------------------------
-
------------
--------------------------------
-----------------------------------
------------------------------------
-
--------------
--------------
------------------------------------------------------
---------------------------------
---------------------------- --------------
------------------------------------- ----------------
-----------------------------------
------------------------------------
------------------------------
--
--------------------------------------------在这个代码中，我们定义了 DrawerLayout 和 NavigationView，将其封装在一个布局文件中。其中，头部布局文件和菜单文件在后面将有详细讲述。
步骤3：设置 NavigationView 的菜单文件
为 NavigationView 设置菜单文件，为此，在 app 的 res 文件夹中创建一个新文件夹名为 menu。然后在该文件夹中创建一个 menu 文件，例如 drawer_menu.xml。在该文件中添加你的菜单项，例如：
----- ------------- ------------------
----- -----------------------------------------------------------
------ -----------------------------------
-----
---------------------------
--------------------------------
--------------------
--
-----
---------------------------
------------------------
--
-----
---------------------------
-------------------- ---
--
--------
-------步骤4：设置 NavigationView 的头部布局文件
为 NavigationView 设置头部布局文件，为此，在 app 的 res 文件夹中创建一个新文件夹名为 layout。在该文件夹中创建一个 layout 文件，例如 nav_header.xml。在该文件中添加一个布局，例如：
----- ------------- ------------------
------------- ----------------------------------------------------------
------------------------------
-----------------------------------
-----------------------------
------------------------------
----------------------------------------------------
------------------------
---------------------------
-
---------------------------------------------
---------------------------
----------------------------
-----------------------------
--------------------------------
---------
---------------------------
-----------------------------------
------------------------------------
-----------------------
----------------------------------------
-------------------------
---------
----------------------------
-----------------------------------
------------------------------------
--------------------
----------------------------------------
-------------------------
---------------在这段代码中，我们添加一个默认头像和一些文字，显示在 NavigationView 的头部。
步骤5：为 NavigationView 设置点击事件
在 NavigationView 中，您可以使用菜单项的 ID 来监听菜单项的点击事件。Android SDK 中提供了 OnNavigationItemSelectedListener 接口来监听 NavigationView 中的点击事件。以下是如何使用该接口：
-------------------
------- ---- ---------------- -
-------------- -------------- - -----------------------------------
-------------------------------------------------
-------- -- -
----------------------
------ -----------------------
---- ---------------
-------- --------- - --------
------
---- ---------------
-------- --------- - --------
------
---- ---------------
-------- --------- - --------
------
-
------ -----
-
--
-在这个方法里我们先找到 NavigationView，然后设置它的菜单点击监听器。当用户点击了某个菜单项后，它会将 menuItem 的 id 传递给这个监听器。然后我们根据这个 id 来分别实现各个 Activity 的功能。
这样，你已经把 NavigationView 实现在你的应用中，如果你按以上步骤执行，就能达到以下效果：
总结
现在你已经学会了 NavigationView 的使用方法了，它是 Google Material Design 的一个重要组成部分，通过具有可操作性的菜单项，使用户能够在应用程序内导航到新的功能和不同的视图。 NavgationView 非常易于使用和定制，我们为您介绍了创建它的一些关键部分，希望这篇文章对于初学者能有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64855d8448841e989443aaae