材质 UI 工具栏介绍

材质 UI 是一种受到谷歌设计语言 Material Design 启发的用户界面设计框架。

材质 UI 工具栏是该框架中的一部分，它提供了一组可定制的工具栏元素，以使您的应用程序的用户界面看起来与 Material Design 风格一致。

特性

• 易于集成和使用
• 可供选择的主题
• 实现了材质设计的观感和感觉
• 支持所有 Android API 版本（从 API 14 往上）

安装

要在 Android 项目中使用材质 UI 工具栏，您需要编辑您的项目的 Gradle 文件并添加以下依赖项：

dependencies {
    implementation 'com.google.android.material:material:1.2.0'
}

使用

基本用法

要在您的应用程序中使用材质 UI 工具栏，您需要在布局 XML 文件中添加 Toolbar 元素。例如：

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:titleTextColor="@android:color/white"
    app:popupTheme="@style/AppTheme.PopupOverlay" />

然后，您需要在 Activity 的 onCreate() 方法中设置此工具栏对象为 ActionBar。例如：

Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);

定制

您可以通过以下方式自定义材质 UI 工具栏：

更改颜色

要更改工具栏的颜色，请使用 background 属性。例如：

android:background="@color/my_color"

更改标题栏文字颜色

要更改工具栏文字的颜色，请使用 titleTextColor 属性。例如：

app:titleTextColor="@android:color/white"

更改弹出菜单颜色

要更改工具栏弹出菜单的颜色，请使用 popupTheme 属性。例如：

app:popupTheme="@style/AppTheme.PopupOverlay"

添加菜单项

要添加菜单项，请在布局 XML 文件中添加 Menu 元素。例如：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/menu_item"
        android:title="@string/menu_title"
        android:icon="@drawable/menu_icon"
        android:showAsAction="always" />
</menu>

然后，您需要在 Activity 的 onCreate() 方法中加载此菜单对象。例如：

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.my_menu, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        // Handle menu item clicks
        case R.id.menu_item:
            // Do something
            return true;
        default:
            return super.onOptionsItemSelected(item);
    }
}

结论

材质 UI 工具栏是一个非常方便的库，可以让您在应用程序中快速实现 Material Design 风格的工具栏。它易于集成和使用，并且提供了多种自定义选项。对于希望让应用程序看起来更加现代和专业的开发人员而言，它是一个必备的工具库。