Status Bars

The status bar appears along the upper edge of the screen and displays useful information about the device’s current state, like the time, cellular carrier, network status, and battery level. The actual information shown in the status bar varies depending on the device and system configuration.

상태 표시줄은 화면의 상단 가장자리에 표시되며 시간, 이동 통신사, 네트워크 상태 및 배터리 수준과 같은 장치의 현재 상태에 대한 유용한 정보를 표시합니다. 상태 표시줄에 표시된 실제 정보는 장치 및 시스템 구성에 따라 다릅니다.

Use the system-provided status bar. People expect the status bar to be consistent systemwide. Don’t replace it with a custom status bar.

시스템 제공 상태 표시줄을 사용하십시오. 사람들은 상태 표시줄이 시스템 전체에서 일관 될 것으로 기대합니다. 사용자 지정 상태 표시줄로 바꾸지 마십시오.

Coordinate the status bar style with your app design. The visual style of the status bar’s text and indicators is either light or dark, and can be set globally for your app or individually for different screens. A dark status bar works well above light-colored content and a light status bar works well above dark-colored content.

상태 표시줄 스타일을 앱 디자인과 함께 조정하십시오. 상태 표시줄의 텍스트 및 표시기의 시각적 스타일은 밝거나 어둡으며, 앱에 대해 전역적으로 또는 다른 화면에 대해 개별적으로 설정할 수 있습니다. 어두운 상태 표시줄은 밝은 색 내용 위에 잘 작동하고 밝은 상태 막대는 어두운 색 내용 위에 잘 작동합니다.

Obscure content under the status bar. By default, the background of the status bar is transparent, allowing content beneath to show through. Keep the status bar readable and don’t imply that content behind it is interactive. There are several common techniques for doing this:

상태 표시줄 아래의 내용을 모호하게 하십시오. 기본적으로 상태 표시줄의 배경은 투명하여 아래의 컨텐츠가 표시됩니다. 상태 표시줄을 읽을 수 있게 유지하고 그 뒤에 있는 콘텐츠가 대화형임을 의미하지 마십시오. 이렇게 하기 위한 몇 가지 일반적인 기술이 있습니다 :

  • Use a navigation bar in your app, which automatically displays a status bar background and ensures that content doesn’t appear under the status bar.

    앱의 네비게이션바를 사용하면 자동으로 상태 표시줄 배경이 표시되며 상태 표시줄 아래에 콘텐츠가 표시되지 않게 합니다.

  • Display a custom image, like a gradient or solid color, behind the status bar.

    상태 표시줄 뒤에 그라디언트 또는 단색과 같은 사용자 정의 이미지를 표시하십시오.

  • Place a blurred view behind the status bar. For developer guidance, see UIBlurEffect.

    상태 표시줄 뒤에 흐린뷰를 배치하십시오.

Consider temporarily hiding the status bar when displaying full-screen media. A status bar can be distracting when users are trying to focus on media. Temporarily hide these elements to provide a more immersive experience. The Photos app, for example, hides the status bar and other interface elements when the user browses full-screen photos.

전체 화면 미디어를 표시 할 때 일시적으로 상태 표시줄을 숨길 것을 고려하십시오. 사용자가 미디어에 집중하려고 할 때 상태 표시줄은 산만해질 수 있습니다. 이러한 요소를 일시적으로 숨겨서 보다 몰입한 경험을 제공합니다. 예를 들어, 사진 앱은 사용자가 전체 화면 사진을 탐색 할 때 상태 표시줄 및 기타 인터페이스 요소를 숨 깁니다.

Avoid permanently hiding the status bar. Without a status bar, people must leave your app to check the time or see if they have a Wi-Fi connection. Let people redisplay a hidden status bar by using a simple, discoverable gesture. When browsing full-screen photos in the Photos app, a single tap shows the status bar again.

상태 표시줄을 영구적으로 숨기지 마십시오. 상태 표시줄이 없으면 앱을 닫아 시간을 확인하거나 Wi-Fi에 연결되어 있는지 확인해야합니다. 간단하고 발견 가능한 제스처를 사용하여 사람들이 숨겨진 상태 표시줄을 다시 표시하도록합니다. 사진 앱에서 전체 화면 사진을 탐색 할 때 한 번 탭하면 상태 표시줄이 다시 표시됩니다.

Use the status bar to denote network activity. When your app uses the network, especially for lengthy operations, show the network activity status bar indicator so people know activity is occurring. See Network Activity Indicators.

상태 표시 줄을 사용하여 네트워크 활동을 나타내십시오. 앱이 네트워크를 사용하는 경우 (특히 오랜 작업의 경우) 네트워크 활동 상태 표시줄을 표시하여 사람들이 활동하고 있음을 알 수 있습니다.

For developer guidance, see the UIStatusBarStyle constant in UIApplication and the preferredStatusBarStyle property in UIViewController.

Status Bars - Bars - iOS - Human Interface Guidelines - Apple Developer

Last updated