[Android/React Native] 전체화면(Full-Screen Mode) 종류, lean back/Immersive/sticky immersive 개념 정리



Android/React Native 관련 개발을 하면 다양한 전체화면 관련 설정을 볼 수 있습니다. 전체 화면 모드(Full-Screen Mode) 종류는 어떤 것이 있을까요? 동영상, 게임, 이미지 갤러리과 같은 다양한 어플리케이션에서 유저들이 앱에 더 집중할 수 있게, 다양한 종류의 설정을 제공하고 있습니다.

  • lean back
    • lean back 모드는 사용자가 동영상을 시청할 때와 같이 화면과 거의 상호작용하지 않을 때 사용합니다.
    • 시스템 표시줄을 다시 표시하려면 사용자는 화면 아무 곳이나 탭하면 다시 메뉴 확인 가능합니다.
  • Immersive
    • immersive 모드는 사용자가 화면과 많이 상호작용하는 앱용으로 만들어졌습니다.
    • 시스템 표시줄을 다시 표시하려면 시스템 표시줄이 숨겨진 가장자리에서 스와이프하면 됩니다. 띠리서, 사용자가 실수로 터치하거나 스와이프해서 사용자의 앱 참여도가 떨어지는 일이 없습니다.
    • 시스템 표시줄을 표시하는 역할을 시스템이 담당합니다. 터치 동작은 앱에 전달되지 않습니다.
  • sticky immersive
    • 일반적인 immersive 모드에서는 사용자가 가장자리에서 스와이프하면 그때마다 시스템 표시줄을 표시하는 역할을 시스템이 담당합니다. 따라서 앱은 그러한 동작이 발생했는지 인식조차 하지 못합니다.
    • 따라서, 사용자가 스와이프를 많이 해야 하는 게임을 하거나 그림 앱을 사용하는 경우 등 기본 앱 설정 중 하나로 실제로 화면 가장자리에서 스와이프해야 하는 경우에는 대신 ‘sticky’ immersive 모드를 사용 설정해야 합니다.
    • 스와이프 동작시에 시스템 표시줄이 표시되지만 반투명 상태로 표시됩니다. 터치 동작이 앱에 전달.

reference

  • https://developer.android.com/training/system-ui/immersive?hl=ko
  • https://soda1127.github.io/deep-dive-in-android-full-screen-1/