Navigation 模板会显示基本地图和可选的路线信息。
如果用户驾车时没有基于文本的精细导航路线,应用可以显示实时更新的全屏地图。在主动导航期间,应用可以通过操作和 surface 详细信息显示可选卡片,以及导航提醒。
此模板可嵌入到 Tab 模板中,以提供标签页式导航。
包含:
![导航模板的线框图](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-template.png?authuser=9&hl=sr)
地图在集群中的显示
在有效导航期间,应用可以使用 Navigation 模板在仪表板中显示地图。仪表板是方向盘后面的仪表板区域。此选项目前仅适用于抢先体验合作伙伴。
![地图聚类的线框图](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/nav-template-map-cluster.png?authuser=9&hl=sr)
集群中的地图旨在:
- 独立呈现,但如果需要,可以复制主显示屏。
- 非互动性。移除了按钮等互动元素。
- 深色主题。强烈建议绘制深色主题的聚类地图,以降低将驾驶员注意力分散到道路上的可能性。
集群中的应用地图将仅在特定时间显示,具体取决于导航状态、车辆 OEM 偏好设置(在 AAOS 中)和主显示屏上(在 AAP 中)上显示的内容。
如需了解涉及集群的用户流程示例,请参阅查看集群中的地图。
仪表板和中心屏幕示例
![包含路线概览图的地图集群线框图](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/nav-template-map-cluster.png?authuser=9&hl=sr)
![包含设置的地图聚类的线框图](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/nav-template-map-cluster-2.png?authuser=9&hl=sr)
路由卡详细信息
![路由状态下的路由卡详细信息模拟](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-routing-card-details.png?authuser=9&hl=sr)
当路由卡处于路由状态(而不是消息状态)时,它会显示以下信息:
- 当前路段:包括图标(通常为方向箭头)、距离和提示文本(可能包括路线标记等图片 span)
- 车道导航(可选):显示为简单的车道辅助图片或较大的路口图片(尺寸灵活,高度上限为 200dp)
- Next step(可选):包含图标和提示,只能显示在不包含路口图像的路线卡片底部
路由状态的另一个选项是让路由卡片显示旋转图标动画(此处未显示),以指示瞬态状态,例如正在加载、计算或重新路由。
在某些情况下,路线信息可以显示在悬浮导航栏中,如在驾车时添加经停点中所示。
路由卡片的消息状态
当路由卡片处于“消息”状态时,它会显示一条消息,而不是路由路线。该消息可用于传达到达目的地或路线失败等情况。
在邮件状态下,转送卡片可能包括:
- 一条与路由相关的非空消息(最多 2 行)
- 图片或图标(可选)
![路由卡片消息状态模拟](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-message-state.png?authuser=9&hl=sr)
导航通知:精细导航 (TBT) 和常规
![带有 TBT 通知的路由卡](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-tbt-notification.png?authuser=9&hl=sr)
![包含常规通知的路线卡](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-regular-notification.png?authuser=9&hl=sr)
TBT 通知:应用提供基于文本的 TBT 路线时,还必须触发 TBT 通知。 这些通知用于在 Navigation 模板之外显示 TBT 路线。应用可以自定义 TBT 通知背景颜色,以提高醒目程度。
常规通知:为了传达其他导航相关消息(例如路线设置更改),导航应用还可以发送常规(非 TBT)通知(如此处所示)或使用导航提醒。即使显示路由卡片,它们也会显示。
导航提醒
导航提醒以不会阻碍导航路线的格式提供简短的临时消息和可选操作。内容应简单且与导航任务相关。例如,提醒可以描述路况信息的变化,或询问驾驶员能否接客户。
每个提醒都包含:
可通过以下任一方式关闭提醒:
- 用户选择任何操作
X
秒后超时(可配置)- 用户未执行操作就关闭应用
![导航提醒](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-alert.png?authuser=9&hl=sr)
导航模板示例
![导航模板,无互动](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-full-screen.png?authuser=9&hl=sr)
![导航模板,无互动](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigate_to_saved_location_2.png?authuser=9&hl=sr)
导航模板用户体验要求
应用开发者:
必需 | 请在路线卡上至少显示 1 个动作。 |
必需 | 在操作栏上至少包含一个操作按钮,以启用用户流。 |
必需 | 如果应用支持平移手势,请在地图操作栏中添加一个平移按钮。 |
应当 | 对集群中显示的地图上使用深色主题。 |
应当 | 仅包含与地图操作栏上的地图互动性(例如罗盘、重新设置中心或 3D 模式)相关的按钮。 |
应当 | 添加用于在提供精细导航路线时结束导航的按钮。 |
应当 | 请使用标准化或与国际或国家/地区特定符号一致的符号。 |
应当 | 路口图片应仅显示与导航相关的内容,且跨越卡片宽度和图片。 |
应当 | 提供具有透明背景的车道图片,使其与路线卡背景融为一体。 |
应当 | 仅针对与当前导航任务相关且不会分散用户注意力的信息使用提醒。 |
可以 | 在车道下方显示简短的辅助文本(建议使用 Roboto 24),对于未突出显示的车道,对比度较低。 |
可以 | 在路由卡上显示 2 个快速连续发生的操作。 |
可以 | 在路线卡片文本(当前路段和下一路段)中添加路线标记等图片。 |
可以 | 当用户驾车时没有基于文本的精细导航路线或处于自由驾驶模式时,显示完整地图。 |
可以 | 根据需要选择显示或隐藏路线卡和行程估算组件。 |
可以 | 在地图上绘制与驾驶相关的详细信息和提醒,例如当前速度、速度限制和前方摄像头。 |
可以 | 自定义路线卡背景颜色,并在导航会话期间进行更改,以反映道路类型或其他相关条件。 |