附录 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”字符的标题字符串。

应用样式视图

应

  • 足够宽，以显示至少 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 高。