创建应用
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
创建 Android Automotive OS 媒体应用涉及 6 项基本设计任务。
本部分将简要介绍这些任务。还介绍了汽车制造商和应用开发者对媒体应用体验做出的贡献。
任务概览
由于大多数媒体应用设计由汽车制造商决定,因此应用开发者与设计相关的任务相对简单。
以下是应用开发者应完成的 6 项基本任务:
1) 规划导航标签页:选择最多 4 个内容顶级视图,并决定导航标签页的图标或标签。
2) 规划浏览视图:规划内容的顶层视图和低层视图的整理和格式(网格还是列表?)。
3) 自定义播放控件:决定是否要提供自定义操作和图标,以及是否实现队列。
4) 调整登录流程:调整提供的代码,为您的应用创建登录流程(如果需要登录)。
5) 设计设置:为您的应用设计设置界面(如果需要进行设置)。
6) 提供品牌元素:提供您的应用图标和强调色,以便汽车制造商可以在屏幕上显示您的品牌。
点击上面的链接可获取有关每项任务的更详细指南。如需简要了解您需要提供的设计元素,请参阅核对清单。
角色划分
下表总结了汽车制造商和应用开发者在确保实现统一的媒体应用体验方面的设计角色。
媒体体验方面 |
汽车制造商的设计角色 |
应用开发者的设计角色 |
浏览媒体应用 |
确定应用栏的放置位置,并支持应用导航以及可在应用栏中显示的控件
|
确定在应用栏的标签页中显示哪些顶级内容视图,并根据需要提供图标和标签
访问规划导航标签页
|
浏览内容详情 |
确定网格或列表项的大小和内容,并在较低级别的内容实现应用标题
|
确定每个层级的可浏览媒体内容的格式(网格或列表)和组织方式
访问方案浏览视图
|
播放媒体内容 |
使用适当的媒体元数据和播放控件(包括应用中任何自定义操作的控件)实现播放视图和最小化控制栏。在播放视图和队列样式中提供队列功能。
|
决定是否在控件栏上实现自定义操作,并为其提供图标。决定是否实现队列,以及是否为当前播放的曲目提供指示符。
访问自定义播放控件
|
登录、设置和搜索 |
在应用栏提供搜索和设置功能,设计搜索键盘,并根据需要将用户连接到登录屏幕
|
根据需要提供登录流程(改编自示例代码)和设置屏幕
请访问调整登录流程和设计登录和设置
|
品牌归因 |
在所有内容屏幕上显示应用图标,并选择在哪些位置应用第三方应用颜色作为强调色
|
提供应用图标并指定强调色
请参阅提供品牌元素
|
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-07-25。
[null,null,["最后更新时间 (UTC):2025-07-25。"],[[["\u003cp\u003eDeveloping media apps for Android Automotive OS involves six key design tasks for app developers, including planning navigation and browsing, customizing playback, adapting sign-in, designing settings, and providing branding elements.\u003c/p\u003e\n"],["\u003cp\u003eCar makers handle the broader user interface and experience while app developers focus on content presentation and app-specific features.\u003c/p\u003e\n"],["\u003cp\u003eApp developers have specific responsibilities for navigation tabs, browsing views, playback controls, sign-in flow, settings design, and branding elements.\u003c/p\u003e\n"],["\u003cp\u003eResources are available for detailed guidance on each design task, including links to specific sections and a design checklist.\u003c/p\u003e\n"],["\u003cp\u003eCollaboration between car makers and app developers is crucial to ensure a seamless and unified media experience for users in vehicles.\u003c/p\u003e\n"]]],[],null,["# Create your app\n\n\u003cbr /\u003e\n\nCreating your media app for Android Automotive OS involves 6 basic design tasks.\n\nThis section provides an overview of those tasks. It also describes how both car makers and app developers contribute to the media app experience.\n\n*** ** * ** ***\n\nTask overview\n-------------\n\nBecause most of media app design is up to car makers, the design-related tasks for app developers are relatively simple.\n\nHere are the 6 basic tasks for app developers:\n\n[**1) Plan navigation tabs:**](/cars/design/automotive-os/apps/media/create-your-app/plan-navigation-tabs) Choose up to 4 top-level views of content and decide on icons or labels for navigation tabs.\n\n[**2) Plan browsing views:**](/cars/design/automotive-os/apps/media/create-your-app/plan-browsing-views) Plan how top-level and lower-level views of content will be organized and formatted (grid or list?).\n\n[**3) Customize playback controls:**](/cars/design/automotive-os/apps/media/create-your-app/customize-playback) Decide whether you want to provide custom actions and icons and whether to implement a queue.\n\n[**4) Adapt sign-in flow:**](/cars/design/automotive-os/apps/media/create-your-app/adapt-signin-flow) Adapt the provided code to create a sign-in flow for your app, if it requires sign-in.\n\n[**5) Design settings:**](/cars/design/automotive-os/apps/media/create-your-app/design-settings) Design settings screens for your app, if settings are needed.\n\n[**6) Provide branding elements:**](/cars/design/automotive-os/apps/media/create-your-app/provide-branding-elements) Provide your app icon and accent color, so that car makers can represent your brand onscreen.\n\nUse the links above to access more detailed guidance about each task. For a summary of the design elements you'll need to provide, consult the [checklist](/cars/design/automotive-os/apps/media/app-checklist).\n\n*** ** * ** ***\n\nDivision of roles\n-----------------\n\nThe table below summarizes the design roles of car makers and app developers in ensuring a unified media app experience.\n\n| Aspect of the media experience | Car maker's design role | App developer's design role |\n|---------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **Navigating media apps** | Decide where the app bar goes and support app navigation and controls that can appear in the app bar | Decide which top-level content views to represent in the app bar's tabs and provide icons and labeling as needed Visit [Plan navigation tabs](/cars/design/automotive-os/apps/media/create-your-app/plan-navigation-tabs) |\n| **Browsing content details** | Determine size and content of grid or list items and implement app header at lower levels of content | Determine format (grid or list) and organization for browsable media content at each level Visit [Plan browsing views](/cars/design/automotive-os/apps/media/create-your-app/plan-browsing-views) |\n| **Playing media** | Implement playback view and minimized control bar with appropriate media metadata and playback controls, including controls for any custom actions in the app. Provide a queue affordance in playback view and styling for the queue. | Decide whether to implement custom actions on the control bar, and provide icons for them. Decide whether to implement a queue and whether to provide an indicator for the currently playing track. Visit [Customize playback controls](/cars/design/automotive-os/apps/media/create-your-app/customize-playback) |\n| **Sign-in, settings \\& search** | Provide affordances for search and settings on the app bar bar, design search keyboards, and connect users to sign-in screens as needed | Provide sign-in flow (adapted from sample code) and settings screens if needed Visit [Adapt sign-in flow](/cars/design/automotive-os/apps/media/create-your-app/adapt-signin-flow) and [Design sign-in \\& settings](/cars/design/automotive-os/apps/media/create-your-app/design-settings) |\n| **Brand attribution** | Display the app icon on all content screens and choose where to apply the third-party app color as an accent | Provide app icon and specify accent color Visit [Provide branding elements](/cars/design/automotive-os/apps/media/create-your-app/provide-branding-elements) |"]]