付録 B、カスタマイズ

Car UI のカスタマイズが意図したとおりに機能するよう、以下に示す各項目を遵守する必要があります。

全般

このセクションの制限事項は、レイアウトに関係なく適用されます。

要素 説明

タイポグラフィ

  • タブテキスト ラベルの幅は、少なくとも 6 文字の「W」を表示できるだけの値にする必要があります。
  • テキスト コンテナの高さは、1 文字の「H」を完全に表示できるだけの値にする必要があります。
  • テキストサイズは降順にする必要があります。例:

    car_ui_body_1 > car_ui_body_2 > car_ui_body_3

コントラスト

  • フォアグラウンド(テキスト)とバックグラウンドのコントラストは 4.5:1 以上にする必要があります。
  • ボタンの色とバックグラウンドのコントラストは 3:1 以上にする必要があります。
  • 選択状態のタブとバックグラウンドのコントラストは 4.5:1 以上にする必要があります。
  • 選択状態のタブと選択解除状態のコントラストは 3:1 以上にする必要があります。

その他

  • アイコンはすべてベクター型ドローアブルにする必要があります。
  • タップ ターゲットの幅は 76 dp 以上にする必要があります。
  • パディング定数は、降順にする必要があります(例:
    car_ui_padding_0 > car_ui_padding_1 > car_ui_padding_2)。

コンポーネント

下記の値は、特定のコンポーネントに適用されます。

要素 説明

ツールバー

少なくとも 20 文字の「W」を表示できる幅が必要です。

設定

少なくとも 20 文字の「W」を表示できる幅が必要です。

アプリスタイルのビュー

次のようにする必要があります。

  • 幅: 少なくとも 672 密度非依存ピクセル(dp)を表示できる値。
  • 高さ: 少なくとも 672 dp を表示できる値。

レイアウト

このセクションの制限事項は、Car UI ライブラリ コンポーネントの特定のレイアウトと組み合わせに適用されます。 一連の固有のケースが確認され、新しいパターンに一般化されました。

ロケーション ダイアログ

テスト ダイアログは、Google Play 開発者サービスのロケーション ダイアログと同じコンテンツを含み、Car UI ライブラリ コンポーネントを使用して作成されており、コンテンツが完全に表示されていることを確認するためにテストされます。

要素 説明
タイトル 少なくとも 38 文字の「W」を表示できる幅が必要です。
本文

完全に表示される必要があり、また、次のものを表示できる大きさである必要があります。

  • 少なくとも 270 文字の「W」からなる文字列。
  • 少なくとも 4 行のテキスト。
カスタム外部リンク(CTA)

CTA は完全に表示される必要があります。

  • ダイアログの幅は、少なくとも 2 つの CTA を表示できるだけの値にする必要があります。
  • タイトルの幅は、少なくとも 9 文字の「W」を表示できるだけの値にする必要があります。

設定画面

テスト設定画面は、次の表で説明するアプリバー、サブヘッダー、リスト要素の各コンポーネントで構成されます。

要素 説明
アプリバー
  • タイトルの幅は、少なくとも 12 文字の「W」を表示できるだけの値にする必要があります。
  • 高さは 76 dp 以上にする必要があります。
サブヘッダー 少なくとも 12 文字の「W」を表示できる幅が必要です。
リスト要素

次のようにする必要があります。

  • 少なくとも 12 文字の「W」表示できる幅。
  • 高さ 76 dp 以上。