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

Prueba el estilo 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: Barra de estado y barra de navegación, llamadas en conjunto barras del sistema.

De forma predeterminada, las apps aparecen debajo de la barra de estado en la parte superior y encima de la barra de navegación en la parte inferior. Juntas, la barra de estado y la barra de navegación se denominan barras del sistema. Las barras del sistema son áreas que generalmente se dedican a la visualización de notificaciones, la comunicación del estado del dispositivo y la navegación del dispositivo. Sin embargo, puedes configurar tu app para que muestre contenido en estas áreas.

Las superposiciones entre tu app y las áreas donde se muestra la IU del sistema son un ejemplo de inserciones de ventana, que representan las partes de la pantalla en las que tu app puede cruzarse con la IU del sistema. La intersección con estas partes de la IU puede implicar mostrar imágenes por encima del contenido, pero también puede informar a tu app sobre los gestos del sistema.

Los siguientes tipos de inserciones de ventana están disponibles.

  • Las apps pueden habilitar la expansión de la ventana para extenderse por toda la pantalla y dibujar su contenido de borde a borde detrás de las barras del sistema.

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

  • Un corte de pantalla es un área en algunos dispositivos que se extiende hacia la superficie de la pantalla a fin de dejar espacio para sensores en la parte frontal del dispositivo. Las apps pueden admitir cortes de pantalla mediante la consulta de 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 las inserciones 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 las inserciones de ventanas y animar el contenido de la app sin problemas entre las transiciones del teclado.