Android 标题栏和状态栏自动隐藏

在现代移动应用中，标题栏（Toolbar）和状态栏的管理可以极大地影响用户的使用体验。特别是在某些全屏应用（如游戏和视频播放应用）中，自动隐藏这些栏的功能能够让用户获得更大的内容展示空间。本文将介绍如何在 Android 应用中实现标题栏和状态栏的自动隐藏，重点讲解所使用的 API 和代码示例。

标题栏和状态栏简介

在 Android 应用中，状态栏位于屏幕顶部，显示系统状态信息如电池寿命、信号强度等。标题栏（或称为工具栏）通常包含应用标题、导航按钮和其他操作按钮。

实现自动隐藏状态栏和标题栏

1. 准备工作

确保你的项目中已经包含了以下依赖项，用于支持现代 Android 功能（如全屏模式）。

在 build.gradle 文件中添加:

dependencies {
    implementation 'androidx.appcompat:appcompat:1.3.1'
    implementation 'androidx.core:core-ktx:1.6.0'
}
  • 1.
  • 2.
  • 3.
  • 4.
2. XML 布局

在 activity_main.xml 中，添加一个简单的布局，示例中我们使用 FrameLayout 来放置主内容：

<FrameLayout xmlns:android="
    android:id="@+id/frameLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/black">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello, Android!"
        android:textColor="@android:color/white"
        android:layout_gravity="center"/>
</FrameLayout>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
3. 隐藏状态栏和标题栏的代码实现

在 MainActivity.java 中，我们在 onCreate 方法中隐藏状态栏和标题栏。具体实现如下：

package com.example.autohidebar;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.view.ViewCompat;
import android.view.View;

public class MainActivity extends AppCompatActivity {

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

    private void hideSystemUI() {
        // 隐藏状态栏和标题栏
        View decorView = getWindow().getDecorView();
        decorView.setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_FULLSCREEN
                | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                | View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
    }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.

在代码中使用了 setSystemUiVisibility 方法来设置不同的属性，其中：

  • SYSTEM_UI_FLAG_FULLSCREEN 用于隐藏状态栏；
  • SYSTEM_UI_FLAG_HIDE_NAVIGATION 用于隐藏导航栏。
4. 自动隐藏与显示

在某些情况下，我们希望在用户交互（如点击）后恢复状态栏和标题栏的可见性。可以通过重写 onWindowFocusChanged 方法来实现：

@Override
public void onWindowFocusChanged(boolean hasFocus) {
    super.onWindowFocusChanged(hasFocus);
    if (hasFocus) {
        hideSystemUI();
    }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
5. 类图说明

以下是本示例中 MainActivity 的类图，展示了其与系统 UI 交互的状态。

MainActivity +void onCreate(Bundle savedInstanceState) +void hideSystemUI() +void onWindowFocusChanged(boolean hasFocus) View Window

在以上类图中，MainActivity 直接管理 View 和 Window 以实现隐藏和显示 UI 元素的功能。

总结

通过本文的介绍，我们学习了如何在 Android 应用中实现自动隐藏标题栏和状态栏的功能。这样的设计不仅能够优化用户体验，使用户更专注于应用内容，还能让应用在全屏模式下表现得更为友好。利用系统提供的 API，如 setSystemUiVisibility，开发者可以轻松实现这些交互效果。

希望这篇文章能为你在 Android 开发中提供帮助，让你的应用在使用体验上更胜一筹！在实际开发中，不妨多尝试不同的用户界面设计，使用户在使用应用时体验更佳。