Скрыть системные панели для режима погружения

Некоторый контент лучше всего просматривать в полноэкранном режиме без каких-либо индикаторов в строке состояния или панели навигации. Примерами могут служить видео, игры, фотогалереи, книги и слайды презентаций. Это называется иммерсивным режимом . На этой странице показано, как можно глубже вовлечь пользователей в просмотр контента в полноэкранном режиме.

Рисунок 1. Пример иммерсивного режима.

Иммерсивный режим помогает пользователям избежать случайных выходов из игр и обеспечивает полное погружение при просмотре изображений, видео и книг. Однако следует учитывать, как часто пользователи переключаются между приложениями для проверки уведомлений, проведения спонтанных поисков или выполнения других действий. Поскольку иммерсивный режим ограничивает доступ к системной навигации, используйте его только в том случае, если польза для пользовательского опыта выходит за рамки простого использования дополнительного пространства на экране.

Используйте WindowInsetsControllerCompat.hide() для скрытия системных панелей и WindowInsetsControllerCompat.show() для их повторного отображения.

В следующем фрагменте кода показан пример настройки кнопки для скрытия и отображения системных полос.

Котлин

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);
    });
}

При желании вы можете указать тип скрываемых системных панелей и определить их поведение при взаимодействии с ними.

Укажите, какие системные панели следует скрыть.

Чтобы указать тип скрываемых системных панелей, передайте один из следующих параметров методу WindowInsetsControllerCompat.hide() .

Укажите поведение скрытых системных панелей.

Используйте WindowInsetsControllerCompat.setSystemBarsBehavior() , чтобы указать, как ведут себя скрытые системные панели при взаимодействии с ними.

  • Используйте WindowInsetsControllerCompat.BEHAVIOR_SHOW_BARS_BY_TOUCH , чтобы отображать скрытые системные панели при любом взаимодействии пользователя с соответствующим экраном.

  • Используйте WindowInsetsControllerCompat.BEHAVIOR_SHOW_BARS_BY_SWIPE , чтобы отобразить скрытые системные панели при выполнении любых системных жестов, например, при свайпе от края экрана, где панель скрыта.

  • Используйте WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE , чтобы временно отображать скрытые системные панели с помощью системных жестов, например, свайпа от края экрана, где панель скрыта. Эти временные системные панели накладываются на содержимое вашего приложения, могут иметь некоторую степень прозрачности и автоматически скрываются по истечении короткого времени.