确定应用任务的模板序列后,您可以自定义每个模板的内容以及应用的一些样式。
如需了解您可以自定义整体视觉设计的哪些方面,请参阅视觉设计自定义,其中包括应用自定义示例。请注意,对于应用的 AAOS 版本,车辆 OEM 可以调整样式以适应其车辆,如车辆 OEM 自定义示例中所示。
如需了解特定模板的自定义选项,请参阅模板。
视觉设计自定义
虽然模板布局和默认样式由应用库决定,但应用设计人员和车辆 OEM 都会参与视觉设计的自定义方面。
界面方面 | 库确定的内容 | 由哪些应用决定或自定义 | OEM 可以自定义哪些车辆 |
---|---|---|---|
图片和图标 | 标准元素(例如返回按钮和加载旋转图标)的图标 | 应用提供所有图片和图标(请参阅 Material 图标和 Google Play 图标规范),左侧说明的情况除外 | |
布局、大小和形状 | 默认布局,以及所有元素的大小和形状(Android Auto 应用版本中的默认设置) | 在 AAOS 版本的应用中调整模板元素的大小、形状、按钮位置和比例(例如,精确调整车辆中“大”和“小”图片和图标的尺寸) | |
排版和文本长度 | Android Auto 应用版本中的字体系列和大小(请参阅排版) | 更长和更短的文本字符串变体,在某些情况下,用以适应不同车载显示屏上的不同空间量 | AAOS 版应用的字体系列和大小 |
颜色 | Android Auto 版本中的默认颜色(应用提供的颜色除外,如右侧所述) | 地点列表标记、某些文本元素和部分背景颜色(如需了解详情,请参阅下一部分,自定义颜色)。 | 根据需要调整默认颜色和应用提供的颜色,以与 AAOS 版本的应用中的车载界面协调一致 |
颜色自定义
应用可以为特定模板的元素提供颜色,如以下列表中所述。对于应用的 AAOS 版本,车辆 OEM 可以进行一些调整。
应用可以自定义:
- 列表行第二行中的文本颜色(汽车制造商控制 AAOS 主要行的颜色)
- 按钮文字颜色
- 按钮背景颜色(操作栏和地图操作栏除外)
- 地点列表标记颜色
- 路线卡元素:行程估算中的背景颜色、图片和时长值颜色(在导航模板要求中)
- 精细导航通知(背景颜色)
应用自定义示例和车辆 OEM 自定义示例中显示了自定义模板组件的示例。
选择应用的颜色
对于大多数自定义样式设置(上一部分所述的例外情况除外),应用都具有以下颜色选项:
- 最多提供 2 种自定义强调色(浅色和深色变体,将由 Android Auto 或车载 OEM 针对 AAOS 版本的应用酌情应用)
- 从 4 种标准 Android for Cars 颜色中进行选择(当前版本为右侧;这些颜色未来可能会发生变化)
标准颜色 | 强调色示例 |
---|---|
![]() |
![]() |
合理使用颜色有助于突出设计的意图。如果颜色不起作用,请谨慎使用颜色。
应用自定义示例
车辆 OEM 自定义示例
这些示例展示了车辆 OEM 可对应用的 AAOS 版本应用的其他样式自定义。虽然路线卡的颜色来自应用,但车辆 OEM 会自定义路线卡、按钮和预计到达时间卡的字体、主题和形状。它们还可以调整按钮宽度,如下面的自定义按钮所示。
日间导航视图
![OEM 日间导航自定义示例](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/images/oem-daytime-navigation.png?authuser=8&hl=sl)
夜间导航视图
![OEM 夜间导航自定义示例](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/images/oem-nighttime-navigation.png?authuser=8&hl=sl)
自定义按钮宽度、颜色和形状
这些示例重点介绍了 OEM 如何在应用的 AAOS 版本中自定义按钮宽度、颜色和形状。
对于被指定为主按钮的按钮,OEM 可以决定是使用应用强调色还是自己的强调色。他们还可以选择将主按钮放在左侧还是右侧,以适应诸如车辆采用右手驾驶的情况。
左侧的主按钮,标准颜色 | 右侧的主按钮,自定义颜色 |
---|---|
![]() |
![]() |