アプリタスクのテンプレートのシーケンスを決定したら、各テンプレートのコンテンツとアプリのスタイリングの一部をカスタマイズできます。
全体的なビジュアル デザインのどの部分をカスタマイズできるかについては、ビジュアル デザインのカスタマイズをご覧ください。これには、アプリのカスタマイズ例が含まれています。アプリの AAOS バージョンでは、車両 OEM のカスタマイズの例に示すように、車両 OEM が車両に合わせてスタイルを調整できることに注意してください。
特定のテンプレートのカスタマイズ オプションについては、テンプレートをご覧ください。
ビジュアル デザインのカスタマイズ
アプリ ライブラリがテンプレート レイアウトとデフォルトのスタイル設定を決定する一方で、アプリのデザイナーと車両 OEM の両方が、ビジュアル デザインのカスタム要素に貢献します。
| UI のアスペクト | ライブラリで決定される内容 | どのアプリが決定またはカスタマイズするか | 車両 OEM がカスタマイズできるもの |
|---|---|---|---|
| 画像とアイコン | 戻るボタンや読み込みスピナーなどの標準要素のアイコン | アプリは、左に記載されている場合を除き、すべての画像とアイコン画像を提供します（マテリアル アイコンと Google Play アイコンの仕様を参照）。 | |
| レイアウト、サイズ設定、図形 | デフォルトのレイアウト、すべての要素のサイズと形状（デフォルトはアプリの Android Auto バージョンの標準） |
|
アプリの AAOS バージョンにおけるテンプレート要素のサイズ、形状、ボタンの位置、比率の調整（たとえば、車両内の「大」と「小」の画像とアイコンの正確なサイズ設定） |
| タイポグラフィとテキストの長さ | アプリの Android Auto バージョンのフォント ファミリーとサイズ（ タイポグラフィを参照） | 自動車の画面によってスペースの大きさが異なる場合に対応するため、 テキスト文字列の長いバリエーションと短いバリエーション | アプリの AAOS バージョンのフォント ファミリーとサイズ |
| 色 | アプリの Android Auto バージョンのデフォルトの色（アプリから提供されるものを除く、右を参照） | 場所リストのマーカー、一部のテキスト要素、一部の背景色（詳しくは、次のセクションの色のカスタマイズをご覧ください）。 | アプリの AAOS バージョンで車両 UI と調和させるために、必要に応じてデフォルトの色とアプリが指定した色を調整 |
色のカスタマイズ
アプリは、次のリストに示すように、特定のテンプレートの要素の色を指定できます。アプリの AAOS バージョンについては、車両 OEM が調整を行うことができます。
アプリでは、以下をカスタマイズできます。
- リストの 2 行目のテキストの色（自動車メーカーは AAOS の 1 行目の色を制御します）
- ボタンのテキストの色
- ボタンの背景色（アクション ストリップと地図アクション ストリップを除く）
- 場所リストのマーカーの色
- ルートカードの要素: 背景色、画像、所要時間の値の色（ナビゲーション テンプレートの要件内）
- ターンバイターン通知（背景色）
カスタマイズされたテンプレート コンポーネントの例は、アプリのカスタマイズの例と車両 OEM のカスタマイズの例で示されています。
アプリの色を選ぶ
ほとんどのカスタム スタイリング（前のセクションで説明した例外を除く）では、アプリに次の色のオプションがあります。
- 最大 2 つのカスタム アクセント カラーを提供する（ライト バリエーションとダーク バリエーション。Android Auto または車両 OEM が AAOS バージョンのアプリに適切に適用）
- Android for Cars の 4 つの標準色から選択（現在のバージョンは右に表示。今後変更される可能性あり）
色を適切に使用すると、デザインの意図を明確にできます。色に機能がない場合は、使用を控えるようにしてください。
アプリのカスタマイズの例
車両 OEM のカスタマイズの例
これらの例は、自動車 OEM がアプリの AAOS バージョンに適用する可能性のある追加のスタイル カスタマイズを示しています。ルートカードの色はアプリから取得されますが、自動車 OEM はルートカード、ボタン、到着予定時刻カードのフォント、テーマ、形状をカスタマイズします。ボタンのカスタマイズで示すように、ボタンの幅を調整することもできます。
ボタンの幅、色、形状をカスタマイズする
これらの例は、アプリの AAOS バージョンで OEM がボタンの幅、色、形状をカスタマイズする方法を示しています。
プライマリ ボタンとしてアプリが指定したボタンについては、OEM はアプリのアクセント カラーを使用するか、独自のアクセント カラーを使用するかを決定できます。また、右ハンドル車などの状況に対応するため、プライマリ ボタンを左側または右側のどちらに配置するかを選択することもできます。
