Android 标题栏添加图标

原创

mob649e8166858d 2023-08-03 05:57:10 ©著作权

文章标签 标题栏应用程序 Android 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e8166858d的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 标题栏添加图标

Android 应用程序的标题栏是用户界面的重要组成部分，它可以显示应用程序的名称、图标和其他重要信息。为了增加用户体验，我们可以在标题栏中添加图标，来增加应用程序的辨识度和吸引力。本文将介绍如何在 Android 应用程序的标题栏中添加图标，并提供相应的代码示例。

使用 AppCompat 库

为了实现标题栏中的图标功能，我们需要使用 Android Support Library 中的 AppCompat 库。首先，在项目的 build.gradle 文件中添加以下依赖：

dependencies {
    implementation 'androidx.appcompat:appcompat:1.3.0'
}

然后，在你的 Activity 或 Fragment 中，使用 AppCompatActivity 作为基类，以确保使用的是 AppCompat 库提供的特性。示例代码如下：

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    // ...
}

设置应用程序图标

要在标题栏中显示应用程序图标，我们需要在 AndroidManifest.xml 文件中设置 android:logo 属性。找到 <application> 元素，并添加以下属性：

<application
    ...
    android:logo="@mipmap/ic_launcher"
    ...
</application>

这里的 @mipmap/ic_launcher 是指应用程序的图标资源，你可以根据自己的实际情况进行修改。

自定义标题栏

如果你想要更多的自定义功能，例如修改图标的点击事件或者更改图标的样式，你可以通过自定义标题栏来实现。首先，创建一个 XML 布局文件，用于定义标题栏的样式。示例代码如下：

<!-- res/layout/custom_toolbar.xml -->
<androidx.appcompat.widget.Toolbar
    xmlns:android="
    android:id="@+id/custom_toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary">

    <ImageView
        android:id="@+id/custom_toolbar_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_custom_icon"
        android:layout_gravity="center"/>

</androidx.appcompat.widget.Toolbar>

在这个布局文件中，我们使用了 Toolbar 控件作为标题栏的容器，并在其中添加了一个 ImageView 控件来显示图标。

接下来，在你的 Activity 或 Fragment 中，设置自定义标题栏。示例代码如下：

import androidx.appcompat.widget.Toolbar;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Toolbar toolbar = findViewById(R.id.custom_toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayShowTitleEnabled(false);
    }
}

在这个示例中，我们首先找到自定义标题栏的 Toolbar 控件，然后通过 setSupportActionBar() 方法将其设置为当前 Activity 的标题栏。最后，通过 setDisplayShowTitleEnabled(false) 方法来隐藏默认的标题文本。