オーバーレイ

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

オーバーレイは、ウォッチフェイスの追加機能、タイル、通知に対して過度に複雑なタスクを処理するフォーカスされたビューです。オーバーレイは臨場感をもたらします。モバイルアプリのメイン ユーザー インターフェースと類似している部分がありますが、異なる点がいくつかあります。

簡単なタスクを行うその他のサーフェス(タイル、ウォッチフェイスの追加機能、通知)は多くの場合、ユーザーがより複雑なタスクを実行できるようにオーバーレイにリンクしています。

overlay-flow

オーバーレイについての理解を深めるために、以下の原則とユースケースをご確認ください。

オーバーレイの UX の原則

次の原則を念頭に置いてオーバーレイを設計します。

フォーカス
オーバーレイを使用して重要なタスクにフォーカスし、ユーザーが不快感や腕の疲労を感じることなく、数秒で完了できるようにします。
シャロー(線形)
2 階層より深い階層は避けます。ナビゲーションをインラインで表示する
スクロール
ビューはスクロールできます。この動作は、ユーザーがスマートウォッチでコンテンツをさらに表示する際の自然な操作です。

オーバーレイを使用する必要がある場合

オーバーレイは次のような状況で使用します。

詳細情報を表示するため
オーバーレイを使用して重要なタスクにフォーカスし、ユーザーが不快感や腕の疲労を感じることなく、数秒で完了できるようにします。
overlay-focus
より充実したインタラクションを実現するため
ウォッチフェイスの追加機能またはタイルよりも豊富なインタラクションを実現するため。
overlay-rich
設定を調整するため
情報と設定へのアクセスを可能にするため。
overlay-pref

オーバーレイのビルド

Wear OS では、次の 2 つの方法でオーバーレイを作成できます。

新しい Wear OS アプリをビルドする場合は、Wear OS 向け Compose を使用してオーバーレイを実装することを検討してください。

ほとんどの場合、Compose ベースの UI を使用すると、コードの数を削減でき、Android アプリの開発プロセス全体が加速されます。宣言型 UI フレームワークの一般的なメリットについて詳しくは、Compose を導入する理由をご覧ください。

Wear OS 用の Compose Material Catalog はマテリアルのスタイル設定を遵守し、マテリアル テーマ設定も実装しているため、ブランドのデザインをカスタマイズすることを可能にします。Wear OS 向け Compose には、ビューよりも多くのコンポーネントが用意されており、Wear OS の設計ガイドラインに準拠したユーザー エクスペリエンスを実現できるようにします。

ビューベースの大規模なコードベースを有する Wear OS アプリがある場合は、Compose Interoperability API を使用して段階的に Compose を導入できます。これにより、コードベース全体を書き換える必要がなくなります。

オーバーレイ作成のガイド

Wear UI ライブラリを使用する
Wear UI ライブラリとメインクラスをインポートする方法について説明します。
さまざまなスマートウォッチの形状を処理する
円形、長方形、正方形の Wear OS デバイスで見栄えのするレイアウトを作成する方法について説明します。
単一画面、垂直コンテナ、その他の画面オプション
オーバーレイの最も一般的な UI レイアウトを作成する方法について説明します。
リストを作成する
ウェアラブル デバイス向けに最適化されたリストを作成する方法について説明します。
ナビゲーション
Wear OS アプリの作成方法について説明します。
全画面表示のアクティビティを終了する
全画面表示のアクティビティを終了する方法について説明します。
確認を表示する
ユーザーが操作を完了したときに確認アニメーションを表示する方法について説明します。
常に画面表示モード
アプリを公開状態に維持する方法について説明します。
スピーカー
Wear OS でのサウンドの処理方法について説明します。