Android Java 导航栏显示带有标题的图标 - Java

在 Android 应用程序中，导航栏通常包括应用程序的图标和标题。本文将介绍如何在 Android 应用程序中实现带有标题的图标的导航栏。

步骤

1. 添加导航栏布局

为了在 Android 应用程序中实现带有标题的图标的导航栏，我们需要在布局文件中添加一个 Toolbar。

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"
    android:elevation="4dp"
    android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
    app:title="Title"
    app:titleTextColor="@android:color/white"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

上述代码中，我们创建了一个 Toolbar，并设置了以下属性：

• android:id="@+id/toolbar"：指定 Toolbar 的 ID。

• android:layout_width="match_parent" 和 android:layout_height="?attr/actionBarSize"：指定 Toolbar 的宽度和高度。

• android:background="@color/colorPrimary"：指定 Toolbar 的背景颜色。

• android:elevation="4dp"：指定 Toolbar 的高度。

• android:theme="@style/ThemeOverlay.AppCompat.ActionBar"：指定 Toolbar 的主题。

• app:title="Title"：指定 Toolbar 的标题。

• app:titleTextColor="@android:color/white"：指定 Toolbar 标题文字的颜色。

• app:popupTheme="@style/ThemeOverlay.AppCompat.Light"：指定 Toolbar 的弹出主题。

2. 修改样式文件

接下来，我们需要修改 styles.xml 文件中的样式，以便 Toolbar 能够正确显示。

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:textColorPrimary">@android:color/white</item>
    <item name="android:windowTranslucentStatus">true</item>
</style>

上述代码中，我们指定了以下属性：

• parent="Theme.AppCompat.Light.NoActionBar"：该主题不包含默认的导航栏。

• colorPrimary、colorPrimaryDark 和 colorAccent：指定主色调、附加色调和强调色调。

• android:textColorPrimary：指定标题文字的颜色。

• android:windowTranslucentStatus：指定状态栏是否透明。

3. 在活动中设置 Toolbar

接下来，在活动的 onCreate() 方法中设置 Toolbar。

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // Set the toolbar
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
}

上述代码中，我们调用 setSupportActionBar() 方法，将我们创建的 Toolbar 设置为活动的导航栏。

4. 显示导航按钮

如果想要在导航栏中显示一个导航按钮，可以通过以下代码实现：

getSupportActionBar().setDisplayHomeAsUpEnabled(true);

这将显示一个返回箭头按钮，点击该按钮将返回上一个活动或父活动。

结论

通过本文的介绍，我们学习了如何在 Android 应用程序中实现带有标题的图标的导航栏。我们了解了如何创建一个 Toolbar，如何设置样式，如何将 Toolbar 设置为活动的导航栏，并如何显示导航按钮。