Android Studio 显示前进后退按钮的实现步骤

1. 创建项目

首先，我们需要在Android Studio中创建一个空白项目。

2. 导入支持库

Android Studio默认已经包含了AppCompat库，但我们还需要导入Toolbar库以支持自定义的Toolbar。在app的build.gradle文件中添加以下依赖：

dependencies {
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.android.support:design:28.0.0'
}

3. 添加Toolbar布局

在项目的res目录下的layout文件夹中创建一个新的布局文件，命名为toolbar_layout.xml。在该文件中定义Toolbar的布局，例如：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:elevation="4dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    android:popupTheme="@style/ThemeOverlay.AppCompat.Light">

</android.support.v7.widget.Toolbar>

4. 修改主题样式

在项目的res目录下的values文件夹中打开styles.xml文件，将Theme.AppCompat.Light.DarkActionBar修改为Theme.AppCompat.NoActionBar。这样可以去除默认的ActionBar。

5. 修改布局文件

打开项目的res目录下的layout文件夹中的activity_main.xml文件，将原来的Toolbar替换为我们自定义的Toolbar，例如：

<include layout="@layout/toolbar_layout"/>

6. 设置Toolbar为ActionBar

在MainActivity的onCreate方法中，添加以下代码：

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

7. 添加返回按钮

在MainActivity的onCreate方法中，添加以下代码：

ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
    actionBar.setDisplayHomeAsUpEnabled(true);
}

8. 实现返回按钮的点击事件

在MainActivity中重写onOptionsItemSelected方法，并添加以下代码：

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case android.R.id.home:
            onBackPressed();
            return true;
    }
    return super.onOptionsItemSelected(item);
}

9. 运行项目

点击运行按钮，将应用程序安装到模拟器或真机上，查看效果。

至此，我们成功实现了在Android Studio中显示前进后退按钮的功能。

代码解释

添加依赖库

dependencies {
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.android.support:design:28.0.0'
}

这段代码在app的build.gradle文件中添加了AppCompat库和Design库的依赖。AppCompat库提供了对Toolbar的支持，Design库提供了一些Material Design风格的控件。

设置Toolbar为ActionBar

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

这段代码将我们在布局文件中定义的Toolbar设置为ActionBar，使其具有ActionBar的功能。

添加返回按钮

ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
    actionBar.setDisplayHomeAsUpEnabled(true);
}

这段代码获取ActionBar实例，并调用setDisplayHomeAsUpEnabled(true)方法显示返回按钮。

实现返回按钮的点击事件

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case android.R.id.home:
            onBackPressed();
            return true;
    }
    return super.onOptionsItemSelected(item);
}

这段代码重写了onOptionsItemSelected方法，当返回按钮被点击时，调用onBackPressed方法，即返回上一个Activity。

流程图

flowchart TD
    A[创建项目] --> B[导入支持库]
    B --> C[添加Toolbar布局]
    C --> D[修改主题样式]
    D --> E[修改布局文件]
    E --> F[设置Toolbar为ActionBar]
    F --> G[添加返回按钮]
    G --> H[实现返回按钮的点击事件]
    H --> I[运行项目]

状态图

stateDiagram
    [*] --> 创建项目
    创建项目 --> 导入支持库
    导入支持库 --> 添加Toolbar布局
    添加Toolbar布局 --> 修改主题样式
    修改主题样式 --> 修改布局文件
    修改布局文件 --> 设置Toolbar为ActionBar