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

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

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

コーディングせずにウォッチフェイスをデザインするには、ウォッチフェイス スタジオをご覧ください。

ウォッチフェイスのデザインを開始するには、ウォッチフェイスのその他の例を確認してください。Wear OS コンパニオン アプリをダウンロードすると、さまざまなウォッチフェイスを見ることができます。

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

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

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

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

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

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

常に画面表示モードでウォッチフェイスを描画するアプリコードは、バッテリーを長持ちさせるために比較的シンプルにします。このモードでは通常、特定の色だけを使用して図形の輪郭を描画します。インタラクティブ モードでは、フルカラー、複雑な図形、グラデーション、アニメーションを使用してウォッチフェイスを描画できます。

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

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