教你如何在Android studio中添加标题栏

1. 整体流程

下面是添加标题栏的整体流程,可以用表格展示:

步骤 操作
1 在xml布局文件中添加Toolbar控件
2 在Activity中设置Toolbar
3 在styles.xml中定义标题栏样式

2. 操作步骤

1. 在xml布局文件中添加Toolbar控件

在你的xml布局文件中添加如下代码:

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:title="标题栏标题" />
  • android:id="@+id/toolbar":设置Toolbar的ID。
  • android:layout_width="match_parent":设置Toolbar的宽度为match_parent,填充父布局。
  • android:layout_height="?attr/actionBarSize":设置Toolbar的高度为actionBarSize。
  • android:background="?attr/colorPrimary":设置Toolbar的背景颜色为colorPrimary。
  • android:title="标题栏标题":设置标题栏的标题内容。

2. 在Activity中设置Toolbar

在你的Activity中添加如下代码:

Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
  • Toolbar toolbar = findViewById(R.id.toolbar):找到xml布局文件中的Toolbar控件。
  • setSupportActionBar(toolbar):设置Toolbar作为ActionBar,实现标题栏的效果。

3. 在styles.xml中定义标题栏样式

在styles.xml文件中添加如下代码:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>
  • <item name="colorPrimary">@color/colorPrimary</item>:设置标题栏的主题颜色。
  • <item name="colorPrimaryDark">@color/colorPrimaryDark</item>:设置标题栏的暗色主题颜色。
  • <item name="colorAccent">@color/colorAccent</item>:设置标题栏的强调颜色。

类图

classDiagram
    Activity <|-- Toolbar
    Toolbar : +int id
    Toolbar : +int layout_width
    Toolbar : +int layout_height
    Toolbar : +int background
    Toolbar : +String title

甘特图

gantt
    title 添加标题栏流程
    section 操作步骤
    在xml布局文件中添加Toolbar控件 : done, 2021-12-01, 1d
    在Activity中设置Toolbar : done, 2021-12-02, 1d
    在styles.xml中定义标题栏样式 : done, 2021-12-03, 1d

通过以上步骤,你就可以成功在Android studio中添加标题栏了。希望对你有帮助!如果有任何问题,欢迎随时向我提问。祝学习顺利!