应用体验
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
纵向参考设计中的应用体验分为 2 个层级。
这两个层都允许用户与这两个层上的应用交互:
为了获得最佳的多任务处理体验,建议让基本层运行导航应用,而顶层使用系统应用模板运行其他类型的应用。
基本层
基础层几乎涵盖了整个车载屏幕。
它可以同时运行多个应用,但用户只能看到其中一个应用。用户可以使用该应用的所有标准控件。
如需了解如何实现和自定义基础层,请参阅基础层最佳实践和基础层自定义。
基础层最佳实践
面向 OEM 的最佳实践:
- 在基础层和顶层运行单独的应用:请勿在这两个层上同时运行同一应用。
- 在基础层运行导航应用:由于驾驶员在汽车行程中最常引用导航应用,因此请使用基础层确保导航应用始终可用。通过提供媒体控件的控制栏,驾驶员可以在车载显示屏上获得最佳媒体和导航体验。
顶层
顶层可以运行任何类型的应用,包括手机应用(例如拨号器)和提供内容(例如音乐、播客、电台或蓝牙音频)的媒体应用。这些应用在系统应用模板中运行。此外,您还可以通过应用启动器和控制栏访问媒体内容。
当顶层应用打开时,基础层应用会对屏幕空间调整做出响应。也就是说,基础层通过缩小自己的屏幕区域来响应顶层应用在屏幕上的展开。
系统应用模板
系统应用模板有助于在整个信息娱乐系统中打造一致的用户体验。这些设置适用于设置、媒体和手机应用。该模板包含以下内容:
- 顶部的应用标头
- 位于驾驶员可接触到左侧的垂直应用菜单
- 应用正文内容区域
- 某些应用控件栏中的持续性控件
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-07-25。
[null,null,["最后更新时间 (UTC):2025-07-25。"],[[["\u003cp\u003eThe portrait reference design features two app layers: a base layer for core apps like navigation and a top layer for other apps like media or phone.\u003c/p\u003e\n"],["\u003cp\u003eFor optimal multitasking, it's recommended to run navigation apps on the base layer and other app types on the top layer using system app templates.\u003c/p\u003e\n"],["\u003cp\u003eThe base layer occupies most of the screen and can run multiple apps, but only one is visible at a time with full functionality.\u003c/p\u003e\n"],["\u003cp\u003eThe top layer utilizes system app templates to ensure a consistent user experience across the system for settings, media, and phone apps.\u003c/p\u003e\n"],["\u003cp\u003eSystem app templates include an app header, vertical menu, body content area, and persistent controls in the control bar for some apps.\u003c/p\u003e\n"]]],[],null,["# App experience\n\n\u003cbr /\u003e\n\nThe app experience in the portrait reference design features 2 layers.\n\nThese layers allow users to interact with apps on both layers:\n\n- [Base layer](#base)\n- [Top layer](#top-layer)\n\nFor the optimal multitasking experience, it's recommended that the base layer\nrun navigation apps, while the top layer run other types of apps using the\nsystem app templates.\n\nBase layer\n----------\n\nThe base layer encompasses almost the entire car screen.\n\nIt can run multiple apps at a time but only 1 of those apps will be visible\nto the user. All the app's standard controls are available to the user.\n\nFor guidance about implementing and customizing the base layer, see\n[Base layer best practices](#best-practices-base) and\n[Base layer customization](/cars/design/automotive-os/product-experience/system-ui/portrait-reference/customization#base-layer). \n\n\u003cbr /\u003e\n\n### Base layer best practices\n\nBest practices for OEMs:\n\n- **Run separate apps on base and top layers**: Don't run the same app simultaneously on both layers.\n- **Run a navigation app on the base layer** : Since drivers refer to navigation apps the most during their car journey, use the base layer to keep a navigation app always available. With the [control bar](/cars/design/automotive-os/product-experience/system-ui/portrait-reference/system-experience#control-bar) providing media controls, drivers get an optimal media and navigation experience on the car screen.\n\nTop layer\n---------\n\nThe top layer can run any type of app, including phone apps (such as\n[Dialer](/cars/design/automotive-os/apps/dialer/overview)) and\nmedia apps providing content such as music, podcasts, radio, or bluetooth audio.\nThese apps run in\n[system app templates](#sys-app-templates). In addition, media content can be\naccessed from the\n[app launcher](/cars/design/automotive-os/product-experience/system-ui/portrait-reference/system-experience#app-launcher)\nand the\n[control bar](/cars/design/automotive-os/product-experience/system-ui/portrait-reference/system-experience#control-bar).\n\nWhen the top-layer app is opened, the base-layer app becomes responsive to the\nscreen space adjustment. That is, the base layer responds to the top-layer app's\nexpansion on the screen by reducing its own screen area.\n\n### System app templates\n\nSystem app templates help build a consistent user\nexperience throughout the infotainment system. They are provided for\nsettings, media, and phone apps. The template consists of the following:\n\n1. App header at the top\n2. Vertical app menu to the left within reach of the driver\n3. App body content area\n4. Persistent controls in the control bar for some apps \n\n\u003cbr /\u003e"]]