Material Design 是 Google 推出的一种设计风格，它提供了一套基于现实世界的设计原则和交互效果，以及一套可复用的组件，帮助开发者在 Android、iOS 和 Web 上构建美观、一致的界面和动画效果。其中，Toolbar 是 Material Design 中比较重要的一个组件之一，它可以用来显示应用程序的标题、操作按钮、菜单等，并允许开发者自定义样式和行为。
本文将介绍如何在 Material Design 中自定义 Toolbar，包括修改标题、添加图标、设置背景色等操作。同时，我们也会提供示例代码，帮助读者更好地理解和实践。
1. 修改标题
Toolbar 默认显示应用程序的标题，但是开发者可以通过代码来修改它。下面是一段示例代码：
------- ------- - --------------------------- -------------------------
其中，findViewById(R.id.toolbar) 用于获取 Toolbar 对象，setTitle("新的标题") 用于设置标题内容。需要注意的是，如果你的 Toolbar 是在 Activity 中直接定义的，那么可以直接使用 setTitle("新的标题") 方法；如果是在 Fragment 中定义的，那么需要通过 getActivity().setTitle("新的标题") 方法来修改 Activity 的标题。
2. 添加图标
Toolbar 还可以添加图标，例如返回按钮、搜索按钮、设置按钮等。下面是一段示例代码：
------- ------- - --------------------------- ---------------------------------------------- ------------------------------------------------------- ---------------------
其中，setNavigationIcon(R.drawable.ic_back) 用于设置返回按钮的图标，setOverflowIcon(ContextCompat.getDrawable(this, R.drawable.ic_menu)) 用于设置溢出菜单的图标。需要注意的是，图标资源需要放在 res/drawable 目录下，并且命名规范为 ic_xxx，例如 ic_back.png、ic_menu.png。
3. 设置背景色
Toolbar 还可以设置背景色，例如橙色、蓝色、灰色等。下面是一段示例代码：
------- ------- - --------------------------- --------------------------------------------------------------------------
其中，getResources().getColor(R.color.colorPrimary) 用于获取颜色资源，setBackgroundColor() 用于设置背景色。需要注意的是，颜色资源需要放在 res/values/colors.xml 文件中，并且命名规范为 color_xxx，例如：
------ ----------------------------------- ------ --------------------------------------- ------ ----------------------------------
4. 自定义布局
如果你想进一步自定义 Toolbar，例如添加搜索框、添加标签等，那么可以使用自定义布局。下面是一段示例代码：
----------------------------------
-------------------------
-----------------------------------
-------------------------------------------
---------------------------------------
------------------------------------------
-------------
-----------------------------------
------------------------------------
---------------------------------
----------
-----------------------------------
------------------------------------
------------------------------- --
---------
-----------------------------------
------------------------------------
--------------------
----------------------------------------
----------------------- --
---------------
------------------------------------其中，androidx.appcompat.widget.Toolbar 是 Toolbar 的布局容器，可以添加其他 View。需要注意的是，如果你使用了自定义布局，那么标题、图标等属性就需要在布局文件中定义，而不是在代码中修改。
总结
本文介绍了 Material Design 中自定义 Toolbar 的实现方法，包括修改标题、添加图标、设置背景色、自定义布局等。希望读者通过学习本文，能够更好地理解和实践 Material Design，并在实际开发中运用到自己的项目中。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65e5fe4f1886fbafa416f57a