附錄 B,定制

為了確保汽車 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”字元的標題字串。

應用程式風格的視圖

應該:

  • 足夠寬以顯示至少 672 個密度無關像素 (dp)。
  • 高度足以顯示至少 672 dp。

佈局

本節中的限制涉及 Car UI 庫元件的特定佈局和組合。一系列獨特的案例已被觀察到並歸納為新出現的模式。

位置對話框

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

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

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

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

CTA 必須完全可見:

  • 對話方塊必須足夠寬以顯示至少兩個 CTA。
  • 標題必須足夠寬以顯示至少 9 個“W”字元的字串。

設定螢幕

測試設定畫面由應用程式列、副標題和清單元素組件組成,如下表所示:

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

必須是:

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