画面のオプション

コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

さまざまなスマートウォッチの形状を処理する方法を理解したら、使用するオーバーレイのタイプを決定します。

次のリストは、オーバーレイ画面タイプを示しています。複数の画面が必要な場合は、これらの組み合わせを使用できます。

  • 単一画面(最もシンプル): UI 要素は、スクロールせずに一度に表示可能な要素に限定されます。
  • 垂直コンテナ(最も一般的): コンテンツが、画面の視認可能な領域(スクロールによりアクセス可能)を超えて存在していることを示します。
  • その他のオプション(リスト、ページング、2D パン)

注: アクティビティでは、ComponentActivity または FragmentActivity(フラグメントを使用している場合)のいずれかから継承する必要があります。他のアクティビティ タイプでは、Wear OS に必要のないモバイル固有の UI 要素を使用します。

単一画面

スクロールせずに、1 つの画面にすべての要素を表示できます。つまり、配置できる要素の数が非常に少ないということです。

図 1. 複数の単一画面の例。

単一画面は、BoxInsetLayoutConstraintLayout の組み合わせと適切に連携して要素を配置します。

BoxInsetLayout は Wear OS UI ウィジェットであり、正方形、長方形、円形の画面で動作する単一のレイアウトの定義を可能にします。このクラスは、画面の形状に応じて必要なウィンドウ インセットを適用し、画面の中央にビューを簡単に配置できるようにします。ただし、各画面形状を利用するために個別のレイアウトを作成することに問題がない場合は、layout-roundlayout-notround を使用します。詳細については、正方形と円形の画面で異なるレイアウトを使用するをご覧ください。

垂直コンテナ

垂直コンテナは最も一般的なオーバーレイ タイプであり、画面には表示されないもののスクロールによりアクセスできる追加のコンテンツが含まれます。

以下の画像は、オーバーレイ全体が表示された例を示したものです。これらの例では、スマートウォッチの円形画面にコンテンツの一部のみが表示されています。メイン コンテンツはコンテナの上部にあります。これらの例では、その他のクリティカル ユーザー ジャーニー(CUJ)と設定を下部に配置しています。

単一画面オーバーレイとは異なり、BoxInsetLayout は使用しないでください。代わりに、ConstraintLayoutNestedScrollView 内に配置します。これにより、円形ディスプレイの両側にある余剰スペースを活用できます。

ConstraintLayout 内に、アプリに最適なウィジェットを配置します。

垂直コンテナの上部と下部にあるコンテンツが、前の例と同様に、円形ディスプレイの上部と下部に収まる程度に小さい状態にします。

注: 可能な限り、XML で android:scrollbars="vertical" を設定して、NestedScrollView にスクロール インジケーターを追加してください。これにより、利用可能なコンテンツが他にもあることをユーザーが把握し、すべてのコンテンツとの相対的な位置関係を確認できます。

オーバーレイ画面のその他のオプション

  • リスト: ウェアラブル サーフェス向けに最適化された WearableRecyclerView ウィジェットを使用して、大規模なデータセットを表示します。詳細については、Wear OS でリストを作成するをご覧ください。
  • 水平方向のページ設定: 複数の兄弟画面を持つユースケースでは、水平方向のスワイプを使用します。水平方向のページ設定を使用する場合は、左端でのスワイプによる非表示をサポートする必要があります。
  • 2D パン: 地図などのユースケースでは、ユーザーはさまざまな方向にドラッグしてパンできます。アクティビティが画面全体を占有する場合は、スワイプによる非表示を有効にします。