상태 표시줄에는 시간 및 날씨 정보와 함께 연결 상태 및 배터리 수준과 같은 시스템 상태 세부정보가 표시됩니다.
이 섹션에서는 상태 표시줄의 요소와 다양한 수준의 배경 투명도 옵션을 설명합니다.
분석
상태 표시줄은 화면 상단에 표시되며 아래에 표시된 요소를 표시합니다. 사용자는 설정에서 날씨 표시를 사용 설정 또는 중지할 수 있습니다.
상태 표시줄의 요소는 좌측 운전대 자동차와 우측 운전대 자동차에 동일한 순서로 표시됩니다.
상태 표시줄 구성
시계 – 현재 시간을 디지털로 표시합니다.
날씨 정보: 온도 및 날씨 아이콘입니다.
연결: Wi-Fi 및 모바일 데이터
배터리 잔량
배경 옵션
상태 표시줄의 배경에는 3가지 옵션이 있습니다.
Opaque
투명
반투명 그라데이션
기본 옵션은 불투명 배경이지만 앱 개발자는 앱의 상태 표시줄에 투명 또는 반투명 배경을 선택할 수도 있습니다.
Opaque
기본적으로 상태 표시줄은 상태 표시줄 요소의 가독성을 최대한 보호하기 위해 불투명한 배경으로 렌더링됩니다. 하지만 어느 정도의 투명성을 선택하면 상태 표시줄과 앱 콘텐츠 간에 더 원활하게 전환할 수 있으며 더 많은 앱 콘텐츠를 표시할 수 있습니다.
투명
화면이 상태 표시줄 요소 뒤에 충분한 대비를 제공하는 앱은 투명한 배경을 사용할 수 있습니다. 이 옵션은 대부분의 미디어 및 커뮤니케이션 앱과 앱 런처와 같은 시스템 환경에 사용됩니다.
이러한 예시에서는 화면 상단에 이미 단색 배경이 있으므로 상태 표시줄의 투명한 배경을 사용하면 상태 표시줄이 원활하게 조화됩니다.
반투명 그라데이션
화면 상단까지 확장되는 시각적 정보를 표시하는 앱은 상태 표시줄에 선형 그라데이션이 적용된 반투명 배경을 지정할 수 있습니다. 그라데이션은 상태 표시줄 요소를 읽을 수 있을 만큼 충분한 불투명도를 제공하는 반면, 부분적인 투명성은 앱 정보를 계속 표시하는 데 도움이 됩니다.
내비게이션 앱은 상태 표시줄 뒤에 반투명 선형 그라데이션을 사용하여 지도 요소를 계속 표시하면서 상태 표시줄 요소를 읽을 수 있도록 할 수 있습니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-05-28(UTC)"],[[["The status bar, located at the top of the screen, displays time, weather, connectivity, and battery information."],["App developers can customize the status bar background with opaque, transparent, or semi-transparent gradient options to enhance visual integration with their app content."],["While the default opaque background ensures legibility, transparent backgrounds are ideal when app content provides sufficient contrast, and semi-transparent gradients are suitable for apps with visual elements extending to the screen's top."],["Status bar elements maintain consistent positioning in both left-hand-drive and right-hand-drive vehicles."]]],[]]