通过 Android Auto 导航栏,您可以快速访问各种应用、通知和 Google 助理,此外还有一个支持与其他应用进行多任务处理的微件。
本部分介绍了导航栏的各元素,以及适用于各种屏幕和车辆配置的导航栏设计的变体。如需详细了解可在导航栏中显示的微件类型,请访问微件。
解剖学
当 Android Auto 运行时,导航栏始终可见。它会显示在屏幕底部或侧边,具体取决于屏幕大小和车辆中的控件类型。
![导航栏剖析](https://developers.google.cn/cars/design/android-auto/product-experience/system-ui/images/Navbar-anatomy.png?authuser=8&hl=cs)
2. 系统微件 - 显示当前未显示在屏幕上的持续运行应用的控件
3. “通知”按钮 – 打开通知中心
4. “Google 助理”按钮 - 打开 Google 助理进行语音互动
此示例布局显示了左侧驾驶车辆的导航栏的水平版本。它会显示在屏幕底部。其他变体会显示在下一部分。
设计变体
上一部分中显示的水平导航栏是通常用于配备标准宽度屏幕的左手驾驶车辆的版本。导航栏的其他配置包括:
- 右侧驱动型车辆的翻转水平导航栏
- 支持触控板或宽屏的车辆的垂直导航栏
- 垂直导航栏配置,其中 widget 出现在辅助空间中
翻转的水平导航栏
对于采用右手驾驶的车辆,导航栏中的项目布局是相反的:从右到左,而不是从左到右。反向排序可使最重要的元素更靠近驾驶员。
![导航栏已翻转,支持右手驾驶](https://developers.google.cn/cars/design/android-auto/product-experience/system-ui/images/navbar-spotify-right.png?authuser=8&hl=cs)
垂直导航栏
由于竖向外形规格的空间限制,竖屏版本显示在屏幕的一侧,并显示应用图标而非系统微件。此版本适用于配有触控板或宽屏的车辆。在宽屏上使用时,此 widget 可以显示在辅助空间中,如下一部分所示。
![屏幕左侧的垂直导航栏](https://developers.google.cn/cars/design/android-auto/product-experience/system-ui/images/Navbar-Side.png?authuser=8&hl=cs)
微件在宽屏幕上的放置
在带有垂直导航栏的宽屏布局中,系统微件可以显示在屏幕另一侧的辅助空间中,从而充分利用额外的空间。在这些情况下,widget 可以容纳在导航栏版本中不适合显示的额外信息,例如以下示例中的“Arrive at...”文本。
![超宽屏幕上的导航栏,其中微件显示在右侧的辅助空间中](https://developers.google.cn/cars/design/android-auto/product-experience/system-ui/images/Navbar-Ultrawide.png?authuser=8&hl=cs)