Android手机导航栏示范

Android系统的导航栏是用户在使用手机时经常使用的界面元素。在构建应用程序时，合理设计导航栏可以提高用户体验，使用户可以更快地找到所需内容。本文将从多个方面对Android手机导航栏进行详细阐述。

一、导航栏的类型

在Android系统中，导航栏可以分为三种类型：标准导航栏、隐藏导航栏和固定导航栏。

1.标准导航栏是Android系统默认的导航栏，通常包括返回键、主页键和最近任务键。标准导航栏可以在App中直接使用，无需进行额外的设置。

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

2.隐藏导航栏可以让应用程序在全屏模式下运行，提供更多的屏幕空间。但是，它需要进行额外的设置以实现隐藏和显示导航栏的功能。

// 隐藏导航栏
View decorView = getWindow().getDecorView();
int uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_FULLSCREEN;
decorView.setSystemUiVisibility(uiOptions);

// 显示导航栏
View decorView = getWindow().getDecorView();
int uiOptions = View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
decorView.setSystemUiVisibility(uiOptions);

3.固定导航栏是在一些ROM中添加的，例如原生ROM中的模拟导航，它会一直出现在屏幕上，无论你是否使用它。如果您想在应用程序中使用固定导航栏，可以选择第三方库或自己编写代码。

二、导航栏的隐藏和显示

在一些应用程序中，导航栏会在用户滚动屏幕时自动隐藏，以提供更多实用的屏幕空间。Android系统提供了一些方法，可以在应用程序中实现自动隐藏导航栏的功能。

1.使用全屏模式

全屏模式可以使用户界面占据整个屏幕，以提供更多的空间。您可以使用以下代码将应用程序设置为全屏模式：

getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

2.监听系统UI可见性

您可以使用View.OnSystemUiVisibilityChangeListener接口监视系统UI的可见性，以便在UI可见性发生变化时进行响应。以下是一个示例代码：

View decorView = getWindow().getDecorView();
decorView.setOnSystemUiVisibilityChangeListener(new View.OnSystemUiVisibilityChangeListener() {
    @Override
    public void onSystemUiVisibilityChange(int visibility) {
        if ((visibility & View.SYSTEM_UI_FLAG_FULLSCREEN) == 0) {
            // TODO: 显示导航栏
        } else {
            // TODO: 隐藏导航栏
        }
    }
});

三、具有多个操作的导航栏

对于一些需要用户交互的应用程序，您需要在导航栏上放置多个按钮，以便用户选择不同的操作。在这种情况下，您需要设计一个具有多个操作的导航栏，并将其添加到应用程序中。

以下是一个示例代码，它将显示两个操作按钮在左侧，并在中间显示标题：

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

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮1" />

        <Button
            android:id="@+id/btn2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮2" />

    </LinearLayout>

</androidx.appcompat.widget.Toolbar>

以上代码将在导航栏上添加两个具有名称“按钮1”和“按钮2”的按钮，并在导航栏中央显示标题。