自定义屏幕准则
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
对于 Android Automotive OS 中使用的媒体应用的大多数方面,您无需设计自定义屏幕。但“设置和登录”除外。如果您希望用户访问应用设置,则需要设计设置屏幕。此外,如果您的应用要求登录,您需要提供登录流程,您可以通过 Universal Android Music Player 中的示例代码自定义该流程。
这些常规样式指南同时适用于自定义设置屏幕和自定义登录屏幕。这些功能将帮助您优化设计,让您无论在白天还是晚上,都能在停车状态下通过车载显示屏进行查看。
如需了解特定于设置和登录的其他准则,请参阅设计设置和调整登录流程。
要求级别 |
指南 |
必需 |
应用开发者必须:
<ph type="x-smartling-placeholder"></ph>
- 提供用于退出设置屏幕和顶级登录屏幕的“关闭”选项
- 在顶级屏幕之后的所有后续屏幕中提供“返回”功能
- 将“关闭”或“返回”功能放置在屏幕左上方
- 确保背景与图标或文字之间的对比度至少达到 4.5:1
- 使用建议的字号:主要文本至少为 32dp,辅助文本至少为 24dp
- 使触摸目标高于建议的最小尺寸(76 x 76dp)
|
应当 |
应用开发者应该:
<ph type="x-smartling-placeholder"></ph>
- 为所有屏幕和叠加层使用深色主题
- 在所有屏幕上添加徽标或应用图标
- 使用强调色时,请使用作为品牌元素提供的相同颜色
- 确保文本字符串不超过建议的最大文本长度(120 个字符)
- 尽可能在触摸目标之间提供至少 24dp 的距离
|
可以 |
应用开发者可以:
<ph type="x-smartling-placeholder">
|
依据:
由媒体应用开发者直接设计的屏幕应
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-07-25。
[null,null,["最后更新时间 (UTC):2025-07-25。"],[[["\u003cp\u003eIn Android Automotive OS, media apps generally don't require custom screens except for settings and sign-in flows.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers must adhere to specific design requirements for custom settings and sign-in screens, such as contrast ratios, touch target sizes, and affordances.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers should follow guidelines including using dark themes, incorporating branding elements, and adhering to text length recommendations for optimal usability in vehicles.\u003c/p\u003e\n"],["\u003cp\u003eDetailed design specifications and resources are available in the linked documentation for design system and foundations.\u003c/p\u003e\n"]]],[],null,["# Guidelines for custom screens\n\n\u003cbr /\u003e\n\nFor most aspects of media apps used in Android Automotive OS, you do not need to design custom screens. The areas of exception are settings and sign-in. If you want users to access app settings, you need to design settings screens. Also, if your app requires sign-in, you need to provide a sign-in flow, which you can customize from the sample code in the [Universal Android Music Player](https://github.com/android/uamp/tree/master/automotive).\n\nThese general style guidelines apply to both custom settings screens and customized sign-in screens. They will help you to optimize your designs to be viewed on a car screen, while parked, at any time of day or night.\n\nFor additional guidelines specific to settings and sign-in, refer to [Design settings](/cars/design/automotive-os/apps/media/create-your-app/design-settings) and [Adapt sign-in flow](/cars/design/automotive-os/apps/media/create-your-app/adapt-signin-flow). \n[Design system\nGuidelines on color, typography, sizing, and more](/cars/design/automotive-os/design-system/overview) \n[Design foundations\nVisual- and interaction-design principles for in-vehicle user interfaces](/cars/design/design-foundations/overview)\n\n| Requirement level | Guidelines |\n|-------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **MUST** | App developers must: - Provide a Close affordance to exit the settings screen and top-level sign-in screen - Provide a Back affordance from any subsequent screens following the top-level screen - Position the Close or Back affordance at the top left of the screen - Maintain a [contrast ratio of at least 4.5:1](/cars/design/automotive-os/design-system/color#contrast) between backgrounds and icons or text - Use [recommended type sizes](/cars/design/design-foundations/visual-principles#make_content_easy_to_read) of at least 32dp for primary text and 24dp for secondary text - Keep touch targets above the [recommended minimum size](/cars/design/automotive-os/design-system/sizing#aligning_icons_and_touch_targets) of 76 x 76dp |\n| **SHOULD** | App developers should: - Use a [dark theme](/cars/design/automotive-os/design-system/color#palettes_and_gradients) for all screens and overlays - Include a logo or app icon on all screens - When using an accent color, use the same one provided as a [branding element](/cars/design/automotive-os/apps/media/create-your-app/provide-branding-elements) - Keep text strings within the [recommended maximum text length](/cars/design/design-foundations/visual-principles#make_content_easy_to_read) of 120 characters - Provide a distance of at least 24dp between touch targets where possible |\n| **MAY** | App developers may: - Decide whether to implement sign-in and settings functions as part of their app |\n\n**Rationale:**\n\nScreens designed directly by media app developers should\n\n- Support standard media app navigation patterns and design conventions.\n\n- Reflect design principles and visual foundations for Android Automotive OS."]]