Jetpack Compose 魔法之旅：解锁全屏奇迹的 enableEdgeToEdge 函数

1.前言

随着Android开发的不断演进，Jetpack Compose作为一种全新的UI工具在近年来逐渐崭露头角。其声明式的UI构建方式和现代化的设计理念让开发者能够更轻松地构建复杂的用户界面。本文将深入探讨Jetpack Compose中的一个重要主题——enableEdgeToEdge，并讨论在Activity的onCreate中调用此功能的原因以及相关的方面。

2.简介

enableEdgeToEdge是Jetpack Compose中的一个函数，旨在帮助开发者轻松实现全屏显示的体验。通过调用此函数，你可以使应用的界面从屏幕边缘开始，避免系统UI的干扰，为用户提供更加沉浸式的体验。

3.示例代码

一旦 activity 控制对所有边衬区的处理，您就可以使用 Compose API 来确保内容不会被遮挡，并且可交互元素不会与系统界面重叠。这些 API 还会将应用的布局与边衬区更改同步。

例如，这是将边衬区应用于整个应用内容的最基本方法：

  override fun onCreate(savedInstanceState: Bundle?) {
    enableEdgeToEdge()
    super.onCreate(savedInstanceState)
    ...
  }

默认情况下，enableEdgeToEdge 会将系统栏设为透明，但在“三按钮”导航模式下，状态栏会显示半透明纱罩。系统图标和纱罩的颜色会根据系统浅色或深色主题来调整。

4.运行结果

通过调用 enableEdgeToEdge 函数，您将看到应用程序的界面充分利用屏幕空间，状态栏和导航栏变得更加透明，从而提供了更加沉浸式的用户体验。

优化前：