手动设置无边框显示

您可以通过调用 enableEdgeToEdge 在应用中启用无边框显示。这对大多数应用来说应该足够了。本指南介绍了如果应用需要在不使用 enableEdgeToEdge 的情况下启用无边框,应如何实现。

以全屏模式布置应用

使用 WindowCompat.setDecorFitsSystemWindows(window, false) 在系统栏后面布局应用,如以下代码示例所示:

Kotlin

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  WindowCompat.setDecorFitsSystemWindows(window, false)
}

Java

@Override
public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  WindowCompat.setDecorFitsSystemWindows(getWindow(), false);
}

更改系统栏的颜色

在无边框布局中运行时,您的应用需要更改系统栏的颜色,以便显示其下的内容。您的应用执行此步骤后,系统会在手势导航模式和按钮模式下处理界面的所有视觉保护。

  • 手势导航模式:系统会应用动态配色自适应功能,其中系统栏的内容会根据其后面的内容而更改颜色。在以下示例中,当导航栏中的手柄在浅色内容上方时,该手柄会变为深色,而在它位于深色内容上方时,该手柄会变为浅色。
图 1. 手势导航模式下的颜色更改。
  • 按钮模式:系统会在系统栏后面应用半透明遮罩(对于 API 级别 29 或更高级别)或透明系统栏(对于 API 级别 28 或更低级别)。
显示半透明系统栏的图片
图 2. 系统栏后面的半透明纱罩。
  • 状态栏内容颜色:用于控制状态栏内容(例如时间和图标)的颜色。
显示状态栏内容颜色的图片
图 3. 状态栏内容颜色。

您可以修改 themes.xml 文件以设置导航栏的颜色,也可以选择将状态栏设置为透明,将状态栏内容颜色设置为深色。

<!-- values-v29/themes.xml -->
<style name="Theme.MyApp">
  <item name="android:navigationBarColor">
     @android:color/transparent
  </item>

  <!-- Optional: set to transparent if your app is drawing behind the status bar. -->
  <item name="android:statusBarColor">
     @android:color/transparent
  </item>

  <!-- Optional: set for a light status bar with dark content. -->
  <item name="android:windowLightStatusBar">
    true
  </item>
</style>

您可以直接使用 WindowInsetsController API,但我们强烈建议您尽可能使用支持库 WindowInsetsControllerCompat。您可以使用 WindowInsetsControllerCompat API(而非 theme.xml)来控制状态栏的内容颜色。为此,请使用 setAppearanceLightNavigationBars() 函数,传入 true 可将导航栏的前景颜色更改为浅色,传入 false 可恢复为默认颜色。

Kotlin

val windowInsetsController =
      ViewCompat.getWindowInsetsController(window.decorView)

windowInsetsController?.isAppearanceLightNavigationBars = true

Java

WindowInsetsControllerCompat windowInsetsController =
      ViewCompat.getWindowInsetsController(getWindow().getDecorView());
if (windowInsetsController == null) {
    return;
}

windowInsetsController.setAppearanceLightNavigationBars(true);