상태 표시줄, 자막 표시줄, 탐색 메뉴를 함께 시스템 표시줄이라고 합니다. 배터리 잔량, 시간, 알림 알림과 같은 중요한 정보를 표시하고 어디서나 기기와 직접 상호작용할 수 있도록 지원합니다.
Android OS, 입력 방법 또는 기타 기기 기능과의 상호작용을 위한 UI를 설계하든 시스템 표시줄의 가시성을 고려하는 것이 중요합니다.
요약
앱을 설계할 때 시스템 표시줄을 포함합니다. UI 안전 영역, 시스템 상호작용, 입력 방법, 디스플레이 컷아웃, 상태 표시줄, 자막 표시줄, 탐색 메뉴, 기타 기기 기능을 고려하세요.
시스템 상태 표시줄과 탐색 메뉴를 투명 또는 반투명하게 유지하고 이러한 표시줄 뒤에 콘텐츠를 그려 더 넓은 화면에 표시합니다.
상태 표시줄
Android 상태 표시줄에는 알림 아이콘과 시스템 아이콘이 있습니다. 사용자가 상태 표시줄을 아래로 당겨 알림 창에 액세스하여 상태 표시줄과 상호작용합니다. 상태 표시줄 스타일은 투명하거나 반투명할 수 있습니다.
상태 표시줄 아이콘
상태 표시줄 아이콘은 컨텍스트, 시간, 사용자가 설정한 환경설정 또는 테마, 기타 매개변수에 따라 다르게 표시될 수 있습니다. 자세한 내용은 시스템 표시줄 아이콘을 참고하세요.
알림이 수신되면 일반적으로 상태 표시줄에 아이콘이 표시됩니다. 이렇게 하면 알림 창에 볼 것이 있음을 사용자에게 알립니다. 채널을 나타내는 앱 아이콘이나 기호일 수 있습니다. 알림 디자인을 참고하세요.
상태 표시줄 스타일 설정
앱 콘텐츠가 전체 화면에 표시되도록 상태 표시줄을 투명하거나 반투명하게 만듭니다. 그런 다음 아이콘의 대비가 적절하도록 시스템 표시줄 아이콘의 스타일을 설정합니다.
Android 15에서는 더 넓은 화면이 적용되어 기본적으로 상태 표시줄이 투명해집니다. 이전 버전과의 호환성을 위해 enableEdgeToEdge()를 호출합니다.
다음 왼쪽 이미지에서 상태 표시줄은 투명하고 TopAppBar의 녹색 배경이 상태 표시줄 뒤에 그려집니다.
투명 상태 표시줄은 UI가 상태 표시줄 아래에 표시되지 않거나 이미지가 상태 표시줄 아래에 그려지는 경우에 적합합니다. 반투명 상태 표시줄은 UI가 상태 표시줄 아래로 스크롤될 때 적합합니다. 그라데이션 보호에 관한 자세한 내용은 가득 채우기 디자인을 참고하세요.
탐색 메뉴
Android에서는 사용자가 뒤로, 홈, 개요 컨트롤을 사용하여 탐색을 제어할 수 있습니다.
- 뒤로 버튼을 누르면 이전 뷰로 바로 돌아갑니다.
- 홈이 앱에서 기기의 홈 화면으로 전환됩니다.
- 개요에는 활성 앱과 최근에 닫지 않은 앱이 표시됩니다.
사용자는 동작 탐색 (권장) 및 3버튼 탐색을 비롯한 다양한 탐색 메뉴 구성 중에서 선택할 수 있습니다. 최상의 환경을 제공하려면 여러 유형의 탐색을 고려하세요.
동작 탐색
사용자가 환경설정에서 다르게 선택하지 않는 한 동작 탐색을 사용하는 것이 좋습니다. 동작 탐색은 뒤로, 홈, 개요에 버튼을 사용하지 않고 대신 어포던스용 단일 동작 핸들을 표시합니다. 사용자는 화면 왼쪽이나 오른쪽 가장자리에서 스와이프하여 뒤로 이동하고 하단에서 위로 스와이프하여 홈으로 이동합니다. 위로 스와이프한 후 눌러 개요를 엽니다.
동작 탐색은 모바일과 대형 화면에서 모두 디자인할 수 있는 확장성이 뛰어난 탐색 패턴입니다. 최상의 사용자 환경을 제공하려면 다음을 실행하여 동작 탐색을 고려하세요.
- 더 넓은 화면에 콘텐츠 표시를 지원합니다.
- 동작 탐색 인셋 아래에 상호작용이나 터치 영역을 추가하지 마세요.
자세한 내용은 동작 탐색 지원 추가를 참고하세요.
3버튼 탐색
3버튼 탐색은 뒤로, 홈, 개요 버튼 3개를 제공합니다.
기타 탐색 메뉴 변형
Android 버전 및 기기에 따라 사용자에게 다른 탐색 메뉴 구성이 제공될 수 있습니다. 예를 들어 2버튼 탐색은 홈과 뒤로 이동을 위한 버튼 두 개를 제공합니다.
탐색 메뉴 아이콘
탐색 메뉴 아이콘은 사용자가 설정한 환경설정이나 테마에 따라 다르게 표시될 수도 있습니다. 자세한 내용은 시스템 표시줄 아이콘을 참고하세요.
탐색 메뉴 스타일 설정
Android는 동작 탐색 모드와 버튼 모드에서 사용자 인터페이스의 시각적 보호를 처리합니다. 시스템은 동적 색상 조정을 적용하여 시스템 표시줄의 콘텐츠가 뒤에 있는 콘텐츠를 기반으로 색상을 변경합니다.
동작 탐색 모드
Android 15를 타겟팅하거나 Activity에서 enableEdgeToEdge를 호출하면 시스템은 투명한 동작 탐색 메뉴를 그리고 동적 색상 조정을 적용합니다. 다음 예에서 탐색 메뉴의 핸들은 밝은 콘텐츠 위에 배치되면 어두운 색상으로 변경되고 그 반대의 경우도 마찬가지입니다.
투명한 동작 탐색 메뉴를 사용하는 것이 좋습니다.
권장사항
금지사항
버튼 모드
Android 15를 타겟팅하거나 Activity에서 enableEdgeToEdge를 호출하면 시스템은 버튼 탐색 메뉴 뒤에 반투명한 스림을 적용합니다. 이 스림은 Window.setNavigationBarContrastEnforced()를 false로 설정하여 삭제할 수 있습니다.
하단 앱 바 또는 하단 앱 탐색 메뉴가 있거나 UI가 3버튼 탐색 메뉴 아래로 스크롤되지 않는 경우 투명한 3버튼 탐색 메뉴를 사용하는 것이 좋습니다. 투명한 탐색 메뉴를 가져오려면 Window.setNavigationBarContrastEnforced()를 false로 설정하고 하단 앱 바를 패딩하여 시스템 탐색 메뉴 아래에 그립니다(그림 7, 8, 9 참고). 자세한 내용은 시스템 표시줄 보호를 참고하세요.
콘텐츠 스크롤에는 반투명 3버튼 탐색을 사용하세요. 반투명 탐색 메뉴 고려사항에 관한 자세한 내용은 을 참고하세요 .
키보드 및 탐색
각 탐색 유형은 터치 키보드에 적절하게 반응하여 사용자가 키보드 유형 닫기 또는 변경과 같은 작업을 실행할 수 있도록 합니다. 앱의 전환을 화면 하단에서 위아래로 슬라이딩하는 키보드와 동기화하여 원활하게 전환하려면 WindowInsetsAnimationCompat를 사용하세요.
디스플레이 컷아웃
디스플레이 컷아웃은 일부 기기에서 디스플레이 표면으로 확장되는 영역으로, 전면 센서를 위한 공간을 제공합니다. 디스플레이 노출 영역은 제조업체에 따라 다를 수 있습니다. 디스플레이 컷아웃이 콘텐츠, 방향, 전면 유리와 상호작용하는 방식을 고려하세요.
몰입형 모드
사용자가 영화를 시청하는 등 전체 화면 환경이 필요한 경우 시스템 표시줄을 숨길 수 있습니다. 사용자는 계속해서 탭하여 시스템 표시줄을 표시하고 시스템 컨트롤을 탐색하거나 상호작용할 수 있어야 합니다. 전체 화면 모드용 디자인에 대해 자세히 알아보거나 몰입형 모드의 시스템 표시줄을 숨기는 방법을 알아보세요.