ボタンを使用すると、ドライバーが操作(選択内容を確認する、前のテンプレートに戻るなど)を行う必要のあるアクションにアクセスできます。
含めるもの:
- アイコンのみ
- ラベルのみ
- アイコン + ラベル
![ボタンの例](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/components/images/button-fig-1.png?authuser=6&hl=ja)
テンプレートのサポート
ボタンは、Pane、Message、Long Message、Sign-in の各テンプレート、または任意のテンプレートのアクション ストリップでサポートされます。
ガイダンス
フォアグラウンドとバックグラウンドの色を指定して、デフォルトの色を置き換えることができます。ただし、自動車 OEM は、AAOS バージョンのアプリで提供する色を使用するかどうかを選択できます。メインボタンにするボタンを指定することも、タイマーを組み込んだ時間指定ボタンを作成することもできます。
特にナビゲーション テンプレートでは、他のテンプレートよりもスペースが狭いため、ラベルは短くしてください。
メインボタン
最大 2 つのボタン(メッセージ、ロング メッセージ、ペイン)を使用する一部のテンプレートでは、オプションで 1 つのボタンをメインとしてタグ付けして、メイン アクションを表すことができます。プライマリ ボタンは、UI で特別な処理(アプリのアクセント カラーでハイライト表示するなど)を受け、視認性とユーザビリティが向上します。
![Android Auto の 2 つのボタンがあるメッセージ テンプレート](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/components/images/button-fig-2.png?authuser=6&hl=ja)
![AAOS の 2 つのボタンがあるメッセージ テンプレート](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/components/images/button-fig-3.png?authuser=6&hl=ja)
この Android Auto の例では、メッセージ テンプレートのプライマリボタンが、アプリから提供されたアクセント カラーで色分けされています。
この AAOS の例では、車両 OEM が独自のアクセント カラーを適用し、メインボタンを右側に配置しています。
タイミング指定ボタン
アプリは、デフォルトのアクションに関連付けられたボタンを作成できます。このボタンは、指定した時間内にユーザーが操作しなかった場合に自動的に実行されます(アプリでカスタマイズ可能)。この方法を使用するフローのサンプルについては、時間制限付きアラートに対応するをご覧ください。
カウントダウンをユーザーに伝えるために、ボタン自体がタイマーになり、進行状況インジケーターが組み込まれています。タイマーのカウントダウンは、ボタンを横方向に移動するシェーディングで示されます。
アプリ ライブラリは、アプリが推奨するボタンの背景色に基づいてタイマーの色を決定し、十分なコントラストを確保するために必要に応じて変更します。
時間指定ボタンを作成するには、デフォルトのフラグを割り当てます。
![2 つのボタンがあるメッセージ テンプレート。1 つは時間指定ボタンとしてデフォルト フラグに指定されています。](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/components/images/button-fig-4.png?authuser=6&hl=ja)
![2 つのボタンがあるメッセージ テンプレート。1 つは時間指定ボタンとしてデフォルト フラグに指定されています。](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/components/images/button-fig-5.png?authuser=6&hl=ja)
以下の例では、色付きの進行状況インジケーターがボタンの終わりまで移動する前にユーザーが他のアクションを選択しなかった場合、[Resume] または [Accept] のアクションが自動的に実行されます。