ウォッチフェイスを設計する

カスタムのウォッチフェイスでは、色、アニメーション、コンテキスト情報を含む動的なデジタル キャンバスを活用できます。

Wear OS by Google のウォッチフェイスを作成する場合、従来のウォッチフェイスと同様に、時刻をわかりやすく視覚化する必要があります。Wear OS デバイスには、デザインに活用可能なウォッチフェイス用の高度な機能が用意されています(鮮やかな配色、動的な背景、アニメーション、データ統合など)。ただし、考慮すべき設計上の考慮事項も数多くあります。

ウォッチフェイスの設計を開始する前に、インタラクティブ ウォッチフェイスをご覧ください。

ウォッチフェイスの例については、Wear OS by Google のコンパニオン アプリをダウンロードしてください。ユーザーはこのコンパニオン アプリでさまざまなウォッチフェイスを選択できます。

以下の関連リソースもご覧ください。

ウォッチフェイスの実装の計画

ウォッチフェイスのデザインを最終決定したら、必要なデータを取得してウェアラブル デバイスにウォッチフェイスを描画する方法を決定する必要があります。ほとんどの実装は以下のコンポーネントで構成されます。

  • 1 つ以上の背景画像
  • 必要なデータを取得するためのアプリコード
  • 背景画像の上にテキストや図形を描画するためのアプリコード

アプリは通常、インタラクティブ モードと常に画面表示モードで異なる背景画像を表示します。常に画面表示モードでは、魅力的な画像を作成するのが難しい場合があります。そのため、常に画面表示モードの背景は、画像のない完全な黒またはグレーにすることがほとんどです。

画面密度が hdpi の Wear OS デバイスの背景画像は、正方形と円形の両方のデバイスに表示できるよう、320 x 320 ピクセルのサイズにする必要があります。丸形のデバイスでは、背景画像の角の部分が表示されません。コードでは、デバイスの画面のサイズを検出し、デバイスの解像度が画像より低い場合は背景画像を縮小できます。パフォーマンスを向上させるには、背景画像のサイズを 1 回だけ調整して、結果として得られたビットマップを保存する必要があります。

アプリコードの実行では、必要な場合にのみコンテキスト データを取得し、その結果を保存して、ウォッチフェイスの描画の際にデータを再利用する必要があります。たとえば、最新の天気情報を毎分取得する必要はありません。

電池寿命を改善するには、常に画面表示モードでウォッチフェイスを描画するアプリコードを比較的シンプルにする必要があります。このモードでは通常、特定の色だけを使用して図形の輪郭を描画します。インタラクティブ モードでは、フルカラー、複雑な図形、グラデーション、アニメーションを使用してウォッチフェイスを描画できます。

このクラスの残りのレッスンでは、ウォッチフェイスの実装方法について詳しく説明します。