Material Design 是 Google 推出的一套设计语言，它为用户提供了更符合现代审美与交互习惯的设计风格，使用户更加愉悦和高效地使用应用程序。在 Material Design 中，Toolbar 是一个重要的 UI 元素，它不仅可以显示页面的标题，还可以添加菜单和操作按钮等功能。本文将介绍如何通过 Toolbar 在 Material Design 应用中添加标题和菜单，并提供示例代码。
添加标题
在 Material Design 应用中，Toolbar 可以用于显示页面的标题。要在 Toolbar 中添加标题，需要两个关键的 UI 元素：一个 Toolbar 控件和一个 TextView 控件。
第一步是向布局文件中添加 Toolbar 控件。通常，布局文件的顶层元素是一个 LinearLayout 或 RelativeLayout。在该元素内部，添加一个 Toolbar 控件：
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
app:titleTextAppearance="@style/Toolbar.Title"
app:title="My Awesome Toolbar" />上面的代码中，Toolbar 控件的 id 属性被设置为 toolbar，background 属性被设置为应用主题中定义的颜色，titleTextAppearance 属性被设置为自定义的样式 Toolbar.Title，而 title 属性则设置为当前页面的标题。
第二步是向 Toolbar 中添加 TextView 控件。这个 TextView 控件会被放置在 Toolbar 控件的中央位置，作为页面的标题：
<TextView
android:id="@+id/toolbar_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="My Awesome Title"
android:textColor="#fff"
android:textSize="20sp" />在上面的代码中，TextView 控件的 id 属性被设置为 toolbar_title，并且使用了 layout_gravity 属性将它放置在 Toolbar 控件的中央位置。
最后，我们需要在 Activity 或 Fragment 中找到 Toolbar 和 TextView 控件，并设置页面标题：
Toolbar toolbar = findViewById(R.id.toolbar);
TextView toolbarTitle = findViewById(R.id.toolbar_title);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayShowTitleEnabled(false);
toolbarTitle.setText("My New Awesome Title");在上述代码中，setDisplayShowTitleEnabled(false) 方法被用于禁止使用默认的 ActionBar 的标题区域，以便单独使用自定义的 TextView 控件。然后，我们找到 Toolbar 和 TextView 控件，并将 Toolbar 控件设置为 ActionBar 以便使用上下文菜单和外观调整。通过以上步骤，在 Material Design 应用中添加页面标题的 Toolbar 就完成了。
添加菜单
在 Material Design 应用中，Toolbar 还可以用于添加菜单。要在 Toolbar 中添加菜单，需要使用以下步骤。
第一步是在 res/menu 文件夹下创建菜单文件，例如 menu_main.xml：
-- -------------------- ---- -------
----- -----------------------------------------------------------
-----
-----------------------------
----------------------------------
----------------------------------- --
-----
----------------------------
---------------------------------
---------------------------------- --
-----
-------------------------------
------------------------------------
------------------------------------- --
-------在上述代码中，我们创建了一个简单的菜单，其中包含三个元素：搜索、分享和设置。每个元素都有一个标识符 id，一个图标 icon，以及一个显示文本 title。
第二步是在你的 Activity 或 Fragment 中实现 onCreateOptionsMenu 和 onOptionsItemSelected 方法：
-- -------------------- ---- -------
------ ------- ------------------------ ----- -
------------ -------- - ------------------
---------------------------------- ------
------ -----
-
------ ------- ------------------------------ ----- -
------ ------------------ -
---- -----------------
-- ----------
------ -----
---- ----------------
-- ----------
------ -----
---- -------------------
-- ----------
------ -----
--------
------ ----------------------------------
-
-在上述代码中，onCreateOptionsMenu 方法用于加载菜单文件，即将菜单项添加到 Toolbar 中。onOptionsItemSelected 方法用于处理菜单项的点击事件。在这个例子中，我们为每个菜单项都提供了一个处理函数。
最后，在 onCreate 方法中设置 Toolbar：
Toolbar toolbar = findViewById(R.id.toolbar); setSupportActionBar(toolbar);
现在，你已经成功在你的应用程序中添加了一个菜单。当你点击 Toolbar 中的菜单项时，系统将自动调用 onOptionsItemSelected 方法，并根据菜单项的标识符调用对应的处理函数。
总结
在 Material Design 中，Toolbar 是一个非常重要的 UI 元素，它可以显示页面标题、添加菜单和操作按钮等功能。通过本文介绍的步骤，你可以在你的 Android 应用程序中快速的添加标题和菜单。无论是新开发一个应用程序，还是对已有的应用程序进行更新，通过使用 Material Design 的 Toolbar 实现，可以使你的应用程序更加符合现代的设计风格和交互方式。
参考
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6502c7a495b1f8cacdfffbaf