Cómo diseñar tu app en las inserciones de ventanas

Prueba la forma de Compose
Jetpack Compose es el kit de herramientas de IU recomendado para Android. Obtén información para trabajar con WindowInsets en Compose.

Figura 1: La barra de estado y la de navegación colectivamente denominadas barras del sistema.

Diseña todas las apps para que tu contenido se extienda desde el borde superior hasta la parte inferior. borde de la pantalla. Este es el comportamiento predeterminado a partir de Android 15 (nivel de API 35). Esto significa que las áreas superior e inferior de tu app se diseñan detrás de la barra de estado y la barra de navegación. Juntas, la barra de estado y la barra de navegación se denominan barras del sistema. Las barras del sistema son áreas suelen dedicarse a mostrar notificaciones, comunicarse y la navegación del dispositivo.

Las superposiciones entre tu app y las áreas en las que se muestra la IU del sistema son las siguientes: un ejemplo de las inserciones de ventana, que representan las partes de la pantalla en las que tu app puede cruzarse con la IU del sistema. Si se cruzan con estas partes de la La IU puede implicar mostrar arriba del contenido, pero también puede informar a tu app sobre los gestos del sistema.

Se encuentran disponibles los siguientes tipos de inserciones de ventana.

  • De forma predeterminada, puedes habilitar la opción para expandir la ventana de la app a fin de que se extienda a toda la mostrar y dibujar el contenido de la app de borde a borde detrás de las barras del sistema. Usa desplazamientos para evitar mostrar contenido importante y los objetivos táctiles detrás de las barras del sistema.

  • Las apps que muestran contenido, como películas o imágenes, pueden ocultar temporalmente las barras del sistema para ofrecer una experiencia más envolvente. Considera cuidadosamente las necesidades y las expectativas de tus usuarios antes de modificar las barras del sistema, ya que les brindan a los usuarios una manera estándar de navegar por un dispositivo y ver su estado.

  • Un corte de pantalla es un área en algunos dispositivos que se extiende a la superficie de la pantalla para proporcionar espacio para sensores en la parte frontal del dispositivo. Las apps pueden admitir cortes de pantalla si consultan sus posiciones para que ningún contenido importante se superponga con el área de corte.

  • Una transición de teclado es un ejemplo común en el que los insertos de ventana se actualizan de forma dinámica. Las apps pueden observar el estado actual del teclado, activar o desactivar los estados de forma programática, admitir animaciones para inserciones de ventanas y hacer que el contenido de la app se anime sin problemas entre las transiciones del teclado.