附錄 B,定制

為確保 Car UI 自定義按預期執行,您必須遵守下述各項。

一般的

無論佈局如何,本節中的限制都是正確的:

元素描述

排版

  • 選項卡文本標籤必須足夠寬以顯示至少 6 個“W”字符的字符串。
  • 文本容器必須足夠高以完全顯示單個“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”字符的標題字符串。

佈局

本節提供的限制適用於 Car UI 庫組件的特定佈局和組合。

位置對話框

包含與 Google Play 服務位置對話框相同內容的測試對話框,由 Car UI 庫組件構建並經過測試以確保完整的內容可見性:

元素描述
標題必須足夠寬以顯示至少 38 個“W”字符的字符串。
身體

必須完全可見且足夠大以顯示:

  • 可能包含至少 270 個“W”字符的字符串。
  • 至少四 (4) 行文本。
號召性用語 (CTA)

CTA 必須完全可見:

  • 對話框必須足夠寬以顯示至少兩 (2) 個 CTA。
  • 標題必須足夠寬以顯示至少 9 個“W”字符的字符串。

設定畫面

測試設置屏幕由 App Bar、Subheader 和 List Elements 組件組成。每一個都描述如下:

元素描述
應用欄
  • 標題必須足夠寬以顯示至少 12 個“W”字符的字符串。
  • 必須至少 76dp 高。
副標題

必須足夠寬以顯示至少 12 個“W”字符的字符串。

列出元素

一定是:

  • 寬度足以顯示至少 12 個“W”字符的字符串。
  • 至少 76dp 高。