ステータスバー

ステータスバーには、時刻や天気情報のほか、接続状況やバッテリー残量などのシステム ステータスの詳細が表示されます。

このセクションでは、ステータスバーの要素と、さまざまなレベルの背景の透明度に関するオプションについて説明します。


構造

ステータスバーは画面上部に表示され、以下に示す要素が表示されます。天気の表示のオン / オフは [設定] で切り替えることができます。

ステータスバーの要素は、左ハンドルと右ハンドルで同じ順序で表示されます。

ステータスバーの構造
1. 時計 – 現在の時刻のデジタル表示
2. 天気情報 - 温度アイコンと天気アイコン
3. 接続 - Wi-Fi とモバイル
4. バッテリー残量

背景オプション

ステータスバーの背景には 3 つのオプションがあります。

  • Opaque
  • 透明
  • 半透明グラデーション

デフォルトのオプションは不透明な背景ですが、アプリ デベロッパーはアプリのステータスバーの背景を透明または半透明にすることもできます。

Opaque

デフォルトでは、ステータスバーの要素の判読性を確保するため、ステータスバーは不透明な背景でレンダリングされます。ただし、ある程度の透明性を選択すると、ステータスバーとアプリのコンテンツをよりシームレスに遷移し、アプリ コンテンツの大部分を表示できます。

透明

画面のステータスバー要素の背後のコントラストが十分にあるアプリでは、透明な背景を使用できます。現在、このオプションはほとんどのメディアアプリや通信アプリのほか、アプリ ランチャーなどのシステム機能で使用されます。

アプリ ランチャーと iHeartRadio メディア再生画面のスクリーンショット
以下の例では、画面上部にすでに単色の背景が用意されているため、ステータスバーの背景を透明にすることでシームレスに画面に溶け込みます。

半透明グラデーション

視覚的情報を画面上部まで広げて表示するアプリでは、ステータスバーの背景を半透明にして線形グラデーションにできます。グラデーションは、ステータスバーの要素を読みやすくするのに十分な不透明度を提供します。一方、部分的な透明度は、アプリの情報を表示し続けるのに役立ちます。

ナビゲーション アプリのスクリーンショット
ナビゲーション アプリでは、ステータスバーの背後に半透明の線形グラデーションを使用して、地図の要素を表示したまま、ステータスバー要素を読みやすくできます