このページは Cloud Translation API によって翻訳されました。

Android システムバー

ステータスバーとナビゲーションバーを総称して「システムバー」と呼びます。バッテリー残量、時刻、通知アラートなどの機能を備え、どこからでもデバイスを直接操作できます。

通常のショッピングや Android OS やインプットメソッドなどとのインタラクションに対応する UI をサポートしています。すべてのレイヤの最上位にシステムバーを配置して、把握するのに役立ちます

まとめ

デザインにシステムバーを含めて、UI セーフゾーン、システム操作、入力方法、ディスプレイカットアウト、その他のデバイス機能。最上位レイヤにシステムバーを配置して、システムバーが確実に考慮されるようにします。
システムバーを透明にし、アプリを全画面でレイアウトする。引き続き UI を表示して、完全なエッジツーエッジのエクスペリエンスを提供できます。
タップジェスチャーを追加したり、ジェスチャーインセットの下にターゲットをドラッグしたりしないでください。これらエッジツーエッジやジェスチャーナビゲーションと競合している。
<ph type="x-smartling-placeholder">
</ph>
図 2: システムジェスチャーインセットタップを置かない標的となる

注: システムバーとナビゲーションはデバイスのメーカーによって異なる場合があります。小学校高学年向けソフトウェアボタンではなく、ハードウェアナビゲーションボタンがデバイスに搭載されている場合があります。

システムバーの背後にコンテンツを描画する

エッジツーエッジ機能により、Android ではシステムバーの下に UI を描画して、没入感を高められますGoogle ではエッジツーエッジの使用をおすすめしています。これは、「ナビゲーションバーの透明化」は、ユーザーからよく寄せられる要望です。（エッジツーエッジをサポートしている）。

アプリはインセットに反応することで、コンテンツの重複に対処できます。インセットは、アプリのコンテンツと重複を避けるために、アプリのコンテンツを Android OS UI の一部（ナビゲーションバーやステータスバーなど）や、ディスプレイカットアウトなどの物理デバイス機能。

エッジツーエッジでの使用を意図した設計では、次のタイプのインセットに注意してください。ケース:

システムバーインセットは、タップ可能であってはならない UI に適用されます。システムバーによって隠れてしまうことがあります。
システムジェスチャーインセットは、システムで使用されるジェスチャーナビゲーションの領域に適用されます。アプリよりも優先される場合もあります

ステータスバー

Android では、ステータスバーに通知アイコンやシステムアイコンが表示されます。「ステータスバーを下にスワイプして通知にアクセス表示されます。

ステータスバーの表示は、コンテキスト、時間帯、ユーザーが設定した設定やテーマ、その他のパラメータなどです。また、ステータスバーのスタイルを指定します。

エッジツーエッジ対応で、アプリのコンテンツが画面全体に広がるようにする必要ありません。次のスライドに示すように、端から端までコンテンツを表示する透明なシステムバーを使用する見てみましょう。

**図 5:** エッジツーエッジ機能: コンテンツを際立たせるのに最適です目立たせることができます。

**図 6:** システムバーのスタイルを設定して、コンテンツの質を高めたり、アプリのブランディング。システムバーをデフォルトの属性のままにしないでください。

通知が届くと、通常はステータスバーにアイコンが表示されます。この通知ドロワーに何かあることをユーザーに知らせる。チャンネルを表すアプリのアイコンやシンボルになります。詳しくは、通知の設計。

</ph>

図 7: ステータスバーの通知アイコン

ステータスバーのスタイルを設定する

カスタムカラーを使用して、アプリのテーマの一部としてステータスバーの背景のスタイルを設定します透明度と不透明度も設定できます。

<style name="Theme.MyApp">
  <item name="android:statusBarColor">
    @android:color/transparent
  </item>
</style>

背景色を手動で設定する場合は、必要に応じてステータスのスタイルを設定できますコントラストを最適に調整できます。

ディスプレイカットアウトとステータスバー

ディスプレイカットアウトとは、一部のデバイスのディスプレイ内に広がる領域のことです。前面センサーのスペースを確保できます。画像の外観に影響を与える可能性があります。ステータスバーが表示されます。ディスプレイカットアウトはメーカーによって異なる場合があります。

ディスプレイカットアウトをサポートする方法をご覧ください。

Android では、「戻る」、「ホーム」、「概要」のコントロールを使用してナビゲーションを制御できます。

[戻る] は前のビューに直接戻ります。
ホームがアプリからデバイスのホーム画面に移行します。
[概要] には、アプリが起動中で、最近起動されたことが示されます。

ユーザーはジェスチャーを含むさまざまなナビゲーションバーの構成から選択可能ナビゲーション（推奨）と 3 ボタンナビゲーションの 2 つの種類があります。

Android 10（API レベル 29）で導入されたジェスチャーナビゲーションナビゲーションタイプがありますが、ユーザーの設定をオーバーライドすることはできません。ジェスチャー「戻る」、「ホーム」、「概要」のボタンを使用せず、代わりに 1 つの操作ハンドルをアフォーダンスとして提供します。ユーザーは左右にスワイプするか前後に移動したり、下から上に移動したりできます。できます。上にスワイプして長押しすると、概要が表示されます。

ジェスチャーナビゲーションは、さまざまなデバイスでデザインを行うための、よりスケーラブルなナビゲーションパターンです。対応しています最適なユーザーエクスペリエンスを提供するには、ジェスチャーナビゲーションの方法:

エッジツーエッジのコンテンツのサポート。
ジェスチャーナビゲーションインセットに操作やタップターゲットを追加しないようにします。

詳しくは、ジェスチャーナビゲーションの実装をご覧ください。

3 ボタンナビゲーションには、「戻る」、「ホーム」、「概要」の 3 つのボタンがあります。

Android のバージョンやデバイスによっては、他のナビゲーションバーの設定が異なる場合があります。利用できるようにしますたとえば、2 ボタンナビゲーションには、ホームボタンと戻るボタンです。

次の例は、ナビゲーションスタイルを実装する方法を示しています。

<style name="Theme.MyApp">
  <item name="android:navigationBarColor">
    @android:color/transparent
  </item>
</style>

Android は、ユーザーインターフェースのすべての視覚的保護をジェスチャーで処理する有効にする必要があります

ジェスチャーナビゲーションモード: 動的な色調整が適用されます。コンテンツに応じてシステムバーのコンテンツの色が背後にあります。次の例で、ナビゲーションバーのハンドルは明るいコンテンツの上に配置すると暗い色に変わり、その逆も同様です。
<ph type="x-smartling-placeholder">
</ph>
図 12: 動的な色適応
ボタンモード: システムの背後に半透明のスクリムが適用されます。バー（API レベル 29 以降の場合）または透明なシステムバー（API レベルの場合） 28 以下）。
<ph type="x-smartling-placeholder">
</ph>
図 13: 動的な色調整（システムバー）背景のコンテンツに基づいて色が変わります

キーボードとナビゲーション

各ナビゲーションタイプは、画面キーボードに適切に反応して、ユーザーは、閉じたり変更したりといった操作をキーボードタイプを選択できます。キーボードの遷移をスムーズにするには、アプリの遷移をキーボードのスライドと同期させる画面下部から上下にスクロールするには、 WindowInsetsAnimationCompat。

没入モード

全画面表示にしたいときは、システムバーを非表示にできます。次に例を示します。ユーザーが映画を視聴しているとき。タップした後でも、システムコントロールを操作したり操作したりするために、システムバーと UI を表示します。詳しくは、全画面モード向けのデザインをご覧ください。また、没入モードのシステムバーを非表示にします。

Android システムバー

まとめ

システムバーの背後にコンテンツを描画する