Algunos contenidos se disfrutan mejor en pantalla completa sin indicadores en el la barra de estado o la barra de navegación. Algunos ejemplos son los videos, los juegos, galerías, libros y diapositivas de presentaciones. Esto se conoce como modo envolvente. En esta página, se muestra cómo puedes atraer a los usuarios de forma más profunda contenido en pantalla completa.
![](https://developer.android.com/static/design/media/fullscreen_landing.png?authuser=9&hl=es)
El modo envolvente ayuda a los usuarios a evitar salidas accidentales durante un juego y ofrece una experiencia envolvente para disfrutar de imágenes, videos y libros. Sin embargo, ten en cuenta la frecuencia con la que los usuarios entran y salen de las apps para realizar búsquedas espontáneas o para realizar otras acciones. Porque el modo envolvente hace que los usuarios pierdan el acceso fácil a la navegación del sistema, solo usen el modo envolvente cuando el beneficio para la experiencia del usuario va más allá del simple uso de pantallas adicionales espacio.
Usa WindowInsetsControllerCompat.hide()
.
para ocultar las barras del sistema y WindowInsetsControllerCompat.show()
para traerlos de vuelta.
El siguiente fragmento muestra un ejemplo de cómo configurar un botón para ocultar y mostrar las barras del sistema.
Kotlin
override fun onCreate(savedInstanceState: Bundle?) { ... val windowInsetsController = WindowCompat.getInsetsController(window, window.decorView) // Configure the behavior of the hidden system bars. windowInsetsController.systemBarsBehavior = WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE // Add a listener to update the behavior of the toggle fullscreen button when // the system bars are hidden or revealed. ViewCompat.setOnApplyWindowInsetsListener(window.decorView) { view, windowInsets -> // You can hide the caption bar even when the other system bars are visible. // To account for this, explicitly check the visibility of navigationBars() // and statusBars() rather than checking the visibility of systemBars(). if (windowInsets.isVisible(WindowInsetsCompat.Type.navigationBars()) || windowInsets.isVisible(WindowInsetsCompat.Type.statusBars())) { binding.toggleFullscreenButton.setOnClickListener { // Hide both the status bar and the navigation bar. windowInsetsController.hide(WindowInsetsCompat.Type.systemBars()) } } else { binding.toggleFullscreenButton.setOnClickListener { // Show both the status bar and the navigation bar. windowInsetsController.show(WindowInsetsCompat.Type.systemBars()) } } ViewCompat.onApplyWindowInsets(view, windowInsets) } }
Java
@Override protected void onCreate(Bundle savedInstanceState) { ... WindowInsetsControllerCompat windowInsetsController = WindowCompat.getInsetsController(getWindow(), getWindow().getDecorView()); // Configure the behavior of the hidden system bars. windowInsetsController.setSystemBarsBehavior( WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE ); // Add a listener to update the behavior of the toggle fullscreen button when // the system bars are hidden or revealed. ViewCompat.setOnApplyWindowInsetsListener( getWindow().getDecorView(), (view, windowInsets) -> { // You can hide the caption bar even when the other system bars are visible. // To account for this, explicitly check the visibility of navigationBars() // and statusBars() rather than checking the visibility of systemBars(). if (windowInsets.isVisible(WindowInsetsCompat.Type.navigationBars()) || windowInsets.isVisible(WindowInsetsCompat.Type.statusBars())) { binding.toggleFullscreenButton.setOnClickListener(v -> { // Hide both the status bar and the navigation bar. windowInsetsController.hide(WindowInsetsCompat.Type.systemBars()); }); } else { binding.toggleFullscreenButton.setOnClickListener(v -> { // Show both the status bar and the navigation bar. windowInsetsController.show(WindowInsetsCompat.Type.systemBars()); }); } return ViewCompat.onApplyWindowInsets(view, windowInsets); }); }
De manera opcional, puedes especificar el tipo de barras del sistema que quieres ocultar y determinar su comportamiento cuando un usuario interactúa con ellos.
Cómo especificar las barras del sistema que se ocultarán
Para especificar el tipo de barras del sistema que quieres ocultar, pasa uno de los siguientes parámetros
a WindowInsetsControllerCompat.hide()
.
Usa
WindowInsetsCompat.Type.systemBars()
para ocultar ambas barras del sistema.Usa
WindowInsetsCompat.Type.statusBars()
para ocultar solo la barra de estado.Usa
WindowInsetsCompat.Type.navigationBars()
para ocultar solo la barra de navegación.
Cómo especificar el comportamiento de las barras del sistema ocultas
Usa WindowInsetsControllerCompat.setSystemBarsBehavior()
.
para especificar cómo se comportan las barras ocultas del sistema cuando el usuario interactúa con ellas.
Usa
WindowInsetsControllerCompat.BEHAVIOR_SHOW_BARS_BY_TOUCH
. para revelar las barras ocultas del sistema en cualquier interacción del usuario en la pantalla.Usa
WindowInsetsControllerCompat.BEHAVIOR_SHOW_BARS_BY_SWIPE
. para mostrar barras del sistema ocultas en cualquier gesto del sistema, como deslizar el dedo desde el borde de la pantalla donde está oculta la barra.Usa
WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
. para revelar temporalmente barras del sistema ocultas con gestos del sistema, como deslizar desde el borde de la pantalla donde está oculta la barra. Estos las barras transitorias del sistema se superponen al contenido de tu app, pueden tener son transparentes y se ocultan automáticamente tras un breve tiempo de espera.