附錄 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 個半形字元的標題字串。

偏好設定

 應足夠寬，可顯示至少 20 個半形字元的標題字串。

應用程式樣式檢視畫面

應為：

  • 寬度至少要足以顯示 672 個密度獨立像素 (dp)。
  • 高度足以顯示至少 672 dp。

版面配置

本節的限制適用於特定版面配置和 Car UI 程式庫元件的組合。我們觀察到一系列特殊案例，並將這些案例歸納為新興模式。

位置對話方塊

測試對話方塊包含與 Google Play 服務位置對話方塊相同的內容，並使用 Car UI 程式庫元件建構，經過測試以確保完整顯示內容：

元素 說明
標題 必須足夠寬，才能顯示至少 38 個「W」字元的字串。
內文

必須完全可見，且大小足以顯示下列項目：

  • 字串可能包含至少 270 個「W」字元。
  • 至少四行文字。
行動號召 (CTA)

行動號召按鈕必須完全可見：

  • 對話方塊的寬度必須足以顯示至少兩個 CTA。
  • 標題的寬度必須足以顯示至少 9 個「W」字元長度的字串。

「設定」畫面

「測試設定」畫面由應用程式列、子標題和清單元素元件組成，請參閱下表：

元素 說明
應用程式列
  • 標題長度必須足以顯示至少 12 個半形「W」字元的字串。
  • 高度不得少於 76 dp。
子標題 必須足夠寬，才能顯示至少 12 個「W」字元的字串。
清單元素

必須符合下列條件：

  • 寬度足以顯示至少 12 個「W」字元的字串。
  • 高度至少為 76 dp。