Status Bars
https://developer.apple.com/design/human-interface-guidelines/ios/bars/status-bars/
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.
ステータスバーの後ろにぼかしたビューを配置します。 開発者向けのガイダンスについては、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接続があるかどうかを確認するためにアプリを離れる必要があります。 シンプルで発見可能なジェスチャーを使用して、人々が隠されたステータスバーを再表示できるようにします。 写真アプリでフルスクリーン写真をブラウズすると、1回タップするとステータスバーが再び表示されます。
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.
