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

Prueba el método 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, colectivamente llamadas barras del sistema.

Diseña todas las apps para que el contenido se extienda desde el borde superior hasta el borde inferior de la pantalla. Este es el comportamiento predeterminado a partir de Android 15 (nivel de API 35). Esto significa que las áreas inferior y superior de tu app se muestran detrás de la barra de estado y la de navegación. Juntas, la barra de estado y la de navegación se denominan barras del sistema. Las barras del sistema son áreas que, por lo general, se dedican a la visualización de notificaciones, la comunicación del estado del dispositivo y la navegación del dispositivo.

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

Se encuentran disponibles los siguientes tipos de inserciones de ventana.

  • De forma predeterminada, habilita la expansión de la ventana de la app para que se extienda por toda la pantalla y dibuje el contenido de la app de borde a borde detrás de las barras del sistema. Usa desplazamientos para evitar mostrar contenido importante y objetivos táctiles 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 ofrecer una experiencia más envolvente. Considera con atención las necesidades y expectativas de tus usuarios antes de modificar las barras del sistema, ya que les ofrecen 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 a la superficie de la pantalla para proporcionar espacio para los sensores de la parte frontal del dispositivo. Las apps pueden admitir cortes de pantalla consultando sus posiciones para que ningún contenido importante se superponga con el área de corte.

  • Una transición del 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 manera programática, admitir animaciones para inserciones de ventana y hacer que el contenido de la app se anime sin problemas entre las transiciones del teclado.