Полноэкранный режим в Android: как скрыть статус-бар и навигационную панель с помощью Jetpack Compose

Когда вы создаете приложение для Android, возможно, вам захочется предоставить пользователю максимально возможное пространство экрана, скрыв все элементы системного интерфейса, такие как статус-бар и навигационную панель. Это особенно полезно для приложений, где требуется максимальная визуализация контента, например, для игр, видеоплееров или презентаций. В этой статье я расскажу, как можно включить полноэкранный режим, используя стандартные инструменты Android и Jetpack Compose, чтобы скрыть статус-бар и навигационную панель.

Зачем нам нужно скрывать элементы системного интерфейса?

В Android, как и в большинстве операционных систем, существует несколько элементов пользовательского интерфейса, которые всегда присутствуют на экране — это статус-бар вверху, где отображается информация о состоянии устройства (время, батарея, Wi-Fi), и навигационная панель внизу, которая используется для перехода между экранами приложения.

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

Как включить полноэкранный режим?

В Android для включения полноэкранного режима используются специальные флаги, которые изменяют видимость системных элементов интерфейса. Чтобы скрыть статус-бар и навигационную панель, мы можем воспользоваться несколькими флагами, которые позволяют сделать интерфейс более минималистичным.

Пример функции для включения полноэкранного режима:

Подробное объяснение флагов:

1. View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
   Этот флаг включает иммерсивный режим, что означает, что системные элементы, такие как статус-бар и навигационная панель, могут быть скрыты, но при этом они будут появляться только при взаимодействии пользователя (например, при проведении пальцем по экрану). После этого элементы снова скрываются автоматически, если пользователь не взаимодействует с экраном. Это идеальный режим для приложений, где важно, чтобы интерфейс не мешал пользовательскому опыту.
2. View.SYSTEM_UI_FLAG_FULLSCREEN
   Этот флаг скрывает статус-бар, обеспечивая дополнительное пространство экрана для отображения контента. Статус-бар не будет виден, пока пользователь не совершит жест, чтобы вернуть его.
3. View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
   Данный флаг скрывает навигационную панель (кнопки «Назад», «Домой» и «Переключение приложений»), что особенно полезно для полноэкранных приложений. Как и в случае со статус-баром, панель будет скрыта до тех пор, пока пользователь не совершит жест для её вызова.
4. View.SYSTEM_UI_FLAG_LAYOUT_STABLE
   Этот флаг гарантирует, что макет пользовательского интерфейса не изменится при скрытии системных элементов. Это позволяет интерфейсу оставаться стабильным, даже если верхняя или нижняя панель скрыта.
5. View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
   Этот флаг позволяет интерфейсу адаптироваться, скрывая элементы навигации, но без изменений в макете. Он помогает предотвратить сдвиг контента при скрытии навигационной панели.
6. View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
   С этим флагом макет приложения будет адаптирован для использования всего экрана, в том числе и для скрытого статус-бара.

Когда стоит использовать полноэкранный режим?

Полноэкранный режим идеально подходит для таких приложений, как:

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

Как вернуть системные элементы?

Если вы хотите вернуть системные элементы интерфейса (например, когда пользователь завершает взаимодействие с полноэкранным режимом), вы можете использовать метод для сброса флагов:

Этот код восстановит стандартное поведение Android, отображая статус-бар и навигационную панель.

Заключение

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