在 Material Design 中，Toolbar 是一种常见的顶部导航栏，可以帮助用户快速访问应用程序中最常用的操作。本文将介绍如何在 Material Design 中使用 Toolbar，以及如何通过自定义属性及其它技巧来提高使用体验。
1. 新建一个项目及相关依赖
新建一个 Android Studio 项目，并在 build.gradle 文件中添加相关依赖：
dependencies {
implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support:design:28.0.0'
}2. 在布局文件中引入 Toolbar 以及相关属性
打开布局文件（例如 activity_main.xml）并添加 Toolbar 和 ScrollView 元素：
-- -------------------- ---- -------
----- ------------- ------------------
---------------------------------------
----------------------------------------------------------
-------------------------------
-----------------------------------
-------------------------------------
------------------------------------------------
-----------------------------------
-------------------------------------
-------------------------------------------
-----------------------------------
------------------------------------
----------------------------------------------
----------------------------------
-------------------------
-----------------------------------
-------------------------------------------
---------------------------------------
---------------------------------------------
------------------------------------------------- --
---------------------------------------------
-------------------------------------------
-----------------------------------
------------------------------------
---------------------------
-------------------------------------------------------------
-------------
---------------------------------------------------
------------------------------
-----------------------------------
-------------------------------------
---------
-----------------------------------
------------------------------------
--------------------------------- --
---------------
---------------------------------------------
--------------------------------------------------
-----------------------------------------其中比较重要的是 Toolbar 这个元素，它被放在 AppBarLayout 中。你可以在 Toolbar 上设置各种属性，如标题颜色，背景颜色等。
需要手动设置显示标题时的文本颜色。在这个例子中，将 Toolbar 的背景设置为主题中定义的颜色，并且可以在 popupMode 中指定下拉框的样式。
3. 在 Activity 中使用 Toolbar
现在，打开 MainActivity.java 并添加以下代码：
-- -------------------- ---- -------
------ ------------------
------ -----------------------------------------
------ ----------------------------------
------ ----- ------------ ------- ----------------- -
------- ------- ---------
---------
--------- ---- --------------- ------------------- -
-----------------------------------
---------------------------------------
-------- - --------- ---------------------------
------------------------------
------------------------------------------------------
-
-在这里，您要使用 setSupportActionBar() 方法将 Toolbar 对象设置为活动的应用栏，这样该应用栏就会取代活动的默认应用栏。
4. 在 Toolbar 中添加菜单项
我们可以通过实现 onCreateOptionsMenu() 方法来在 Toolbar 中添加菜单项。例如，在菜单中添加“设置”选项，将它们放置在设置菜单组中，并显示在顶部菜单项中，可以添加以下代码：
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.options_main, menu);
return super.onCreateOptionsMenu(menu);
}在这里，options_main 是您的 XML 文件名称，在侧面细节中，可以在资源目录中创建该文件。
接下来就是在 xml 文件中定义的操作。例如，在 options_main.xml 文件中添加以下内容：
-- -------------------- ---- -------
----- -----------------------------------------------------------
-----
---------------------------------
--------------------------------
-------------------------------------------
-----------------------------
-----------------------------
-------------------------------- --
-------在这里，我们使用 showAsAction 选项将菜单项放置在工具栏的右侧，当然也可以用 showAsAction 来全文折叠。 在 Android 设备上将不需要加载子菜单、不需要快速触摸或悬停时会这样做。
5. 自定义 Toolbar 样式
有时需要自定义样式的应用支持 Toolbar 来满足一些特定的应用场景。
例如，我们希望在 Toolbar 上添加一个搜索按钮，可以通过以下代码来实现：
-- -------------------- ---- -------
----------------------------------
-------------------------
-----------------------------------
-------------------------------------------
---------------------------------------
--------------------------------------------------
-------------
-----------------------------------
------------------------------------
---------------------------------
---------
------------------------------
--------------------------
------------------------------------
-------------------------
---------------------
-------------------------------
------------------------
--------------------
------------------------- --
-------
-------------------------------
-----------------------------------
------------------------------------
--------------------- --
---------------
------------------------------------在这个例子中，我们添加了一个水平 LinearLayout，并在其中放置了一个搜索框 EditText 和一个搜索按钮 Button。我们通过在 LinearLayout 中为特定的 EditText 与 Button 元素设置 layout_weight 属性来确定它们所占用的空间。由于 Toolbar 是一个视觉轮廓，因此我们可以满足每个应用程序的需求并改变其样式。在实际开发中，通常使用自定义 View 或 Theme 来实现自定义样式。
结论
到这里我们就学习了 Material Design 下使用 Toolbar 的实战技巧，包括布局文件中的组件引用以及属性的设置、在 Activity 中使用 Toolbar、在 Toolbar 中添加菜单项以及自定义 Toolbar 样式等。希望这篇文章对各位前端开发人员有所帮助，可以运用到实际开发中，提高用户的体验和使用效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6771ed536d66e0f9aad2f684