什么是 Navigation Drawer？
Navigation Drawer 是 Material Design 中的一个组件，它是一个侧边栏菜单，可以用于展示应用的主要导航、设置、帮助等等内容。Navigation Drawer 可以通过滑动手势或点击按钮等方式打开和关闭。
如何使用 Navigation Drawer？
使用 Navigation Drawer 需要以下步骤：
1. 添加依赖
在项目的 build.gradle 文件中添加以下依赖：
implementation 'com.google.android.material:material:1.2.1'
2. 在布局文件中添加 DrawerLayout
在布局文件中添加 DrawerLayout，其中包含两个子 View：主内容区域和侧边栏菜单。
-- -------------------- ---- -------
------------------------------------------
-------------------------------
-----------------------------------
-------------------------------------
---- ----- ---
------------
-------------------------------
-----------------------------------
------------------------------------ --
---- ----- ---
------------------------------------------------------
---------------------------------
-----------------------------------
------------------------------------
------------------------------
---------------------------------------- --
--------------------------------------------注意，DrawerLayout 中的子 View 必须使用 android:layout_gravity 属性指定位置。
3. 创建菜单布局文件
在 res/menu 目录下创建一个 navigation_drawer_items.xml 文件，用于定义 Navigation Drawer 中的菜单项。示例代码如下：
-- -------------------- ---- -------
----- -----------------------------------------------------------
------ -----------------------------------
-----
--------------------------
--------------------------------
-------------------- --
-----
------------------------------
-----------------------------------
------------------------ --
-----
------------------------------
------------------------------------
------------------------ --
-----
--------------------------
--------------------------------
-------------------- --
--------
-------4. 在 Activity 中设置 Navigation Drawer
在 Activity 中设置 Navigation Drawer，包括设置菜单项点击事件、打开和关闭侧边栏菜单等。
-- -------------------- ---- -------
------ ----- ------------ ------- ----------------- -
------- ------------ -------------
------- -------------- ---------------
---------
--------- ---- --------------- ------------------- -
-----------------------------------
---------------------------------------
------------ - ---------------------------------
-------------- - -----------------------------------
-- ---------
---------------------------------------------------- ------------------------------------------------- -
---------
------ ------- --------------------------------- -------- ----- -
------ ------------------ -
---- --------------
-- -- ---- -------
------
---- ------------------
-- -- -------- -------
------
---- ------------------
-- -- -------- -------
------
---- --------------
-- -- ---- -------
------
-
-- -------
----------------------------------------------
------ -----
-
---
-- ---------------
--------------------- ------ - --- --------------------------- ------------- -------------------------------- ----------------------------------
---------------------------------------
-------------------
-
-- -----------------------
---------
------ ---- --------------- -
-- ------------------------------------------------ -
----------------------------------------------
- ---- -
----------------------
-
-
-总结
本文介绍了 Material Design 中 Navigation Drawer 的使用方法，包括添加依赖、布局文件、菜单布局文件和 Activity 中的设置。同时，本文也提供了示例代码和详细的指导意义，希望能对前端开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65056c0395b1f8cacd1e8829