향상된 레터박스

디스플레이 크기나 기기 방향과 상관없이 고정된 크기나 방향을 유지하도록 앱을 구성할 수 있습니다. 앱이 고정된 방향을 요청했거나 앱의 크기를 조절할 수 없고 최대 또는 최소 가로세로 비율이 기기 디스플레이의 가로세로 비율과 호환되지 않는다면 앱이 레터박스 처리됩니다. 즉, 화면 중앙에 배치된 앱 양쪽을 따라 사용되지 않는 디스플레이 영역이 매트(검은색 막대)로 채워집니다.

레터박스는 대형 화면 기기, 특히 폴더블 기기에서 흔히 발생합니다. 기기 디스플레이 크기와 가로세로 비율이 일반적으로 대부분의 앱이 설계 대상으로 하는 표준 휴대전화의 디스플레이 크기 및 가로세로 비율과 다르기 때문입니다.

그러나 레터박스 처리된 앱은 여전히 Android에서 잘 표시될 수 있습니다.

UI 개선사항이 있는 레터박스 처리된 앱
UI 개선사항이 있는 레터박스 처리된 앱

UI 개선사항

Android 12(API 수준 31)부터 12L(API 수준 Sv2)까지 플랫폼에서는 레터박스 처리된 앱에 다양한 개선사항을 적용합니다.

UI 개선사항은 기기 제조업체에서 구현하므로 앱을 추가로 개발할 필요가 없습니다.

기기 제조업체에서 다음과 같은 UI 개선사항을 구현합니다. 이를 활용하기 위해 앱을 추가로 개발할 필요는 없습니다.

Android 12

API 수준 31에서는 다음과 같은 미학적 개선사항을 도입합니다.

  • 둥근 모서리: 앱 창의 모서리에 더 세련된 모양이 적용됩니다.
  • 상태 표시줄 투명도: 앱을 오버레이하는 상태 표시줄이 반투명해서 앱 창의 상단과 하단 가장자리에 있는 요소를 볼 수 있습니다.
  • 구성 가능한 가로세로 비율: 기기 제조업체가 앱의 가로세로 비율을 조정하여 모양을 개선할 수 있습니다.

12L

API 수준 Sv2에서는 다음과 같은 기능 개선사항을 추가합니다.

  • 구성 가능한 배치: 대형 화면에서는 기기 제조업체가 디스플레이의 왼쪽이나 오른쪽에 앱을 배치할 수 있으므로 상호작용이 더 쉬워집니다.
  • 새롭게 디자인된 다시 시작 버튼: 기기 제조업체는 사용자가 더 잘 인식할 수 있도록 크기 호환성 모드의 다시 시작 버튼을 새롭게 디자인할 수 있습니다.

앱 구성

레터박스는 앱의 크기를 조절할 수 없거나 앱 방향이 고정되었을 때 발생할 수 있습니다. 앱 방향과 크기 조절 가능 여부를 제어하는 구성 설정은 다음과 같습니다.

  • resizeableActivity: 앱이 멀티 윈도우 모드에서 실행될 수 있는지 나타내므로 시스템이 다양한 크기의 창에 맞게 앱의 크기를 조절할 수 있습니다.
  • maxAspectRatio: 앱에서 지원하는 최대 가로세로 비율을 지정합니다. resizeableActivity가 false로 설정된 앱만 maxAspectRatio를 설정할 수 있습니다.
  • minAspectRatio: 앱에서 지원하는 최소 가로세로 비율을 지정합니다. resizeableActivity가 false로 설정된 앱만 minAspectRatio를 설정할 수 있습니다.

크기 호환성 모드

크기 호환성 모드는 다시 시작 컨트롤이 포함된 레터박스입니다. 앱의 크기를 조정하여 하나 이상의 크기에서 기기 디스플레이를 채움으로써 레터박스 처리된 앱의 디스플레이를 개선할 수 있다고 플랫폼에서 판단할 때 앱은 크기 호환성 모드로 전환됩니다. 앱의 가로세로 비율과 앱의 원래 경계는 유지됩니다. 플랫폼은 화면에 맞게 앱을 축소할 수는 있지만 앱을 확대하지는 않습니다. 다시 시작 컨트롤은 활동을 다시 시작하여 디스플레이를 다시 그립니다.

크기 호환성 모드는 일반적으로 방향이나 가로세로 비율에서 제한되고 크기를 조절할 수 없도록 구성(또는 플랫폼에서 결정)되는 활동에 적용됩니다(앱 구성 참고). 활동이 호환되지 않는 크기가 있는 디스플레이 컨테이너로 이동하면 시스템에서 크기 호환성 모드를 호출합니다.

크기 호환성 모드를 트리거할 수 있는 기기 설정 변경사항은 다음과 같습니다.

  • 기기 회전
  • 폴더블 기기 접기 또는 펼치기
  • 전체 화면 디스플레이 모드와 화면 분할 디스플레이 모드 간 변경

레터박스 개선

Android 12 개선사항을 통해 레터박스 처리된 앱의 모양이 개선되지만 최고의 개선사항은 앱의 크기를 조절할 수 있도록 하고 모든 크기의 디스플레이에 맞게 조정되는 반응형 UI를 앱에 제공하는 것입니다.

크기를 조절할 수 있는 앱은 멀티 윈도우 모드를 지원하고 반응형 UI는 최적의 사용자 환경을 제공합니다.

개발 안내는 다음 가이드를 참고하세요.