إنشاء تطبيقك
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
يتضمن إنشاء تطبيق الوسائط لنظام التشغيل Android Automotive 6 مهام تصميم أساسية.
يقدّم هذا القسم نظرة عامة على هذه المهام. ويصف أيضًا كيفية مساهمة كل من شركات تصنيع السيارات ومطوّري التطبيقات في تجربة تطبيقات الوسائط.
نظرة عامة على المهمة
نظرًا لأن معظم تصميم تطبيقات الوسائط متروك للشركات المصنعة للسيارات، فإن المهام المتعلقة بالتصميم لمطوِّري التطبيقات بسيطة نسبيًا.
في ما يلي المهام الست الأساسية لمطوّري التطبيقات:
1) تخطيط علامات تبويب التنقّل: يمكنك اختيار ما يصل إلى 4 طرق عرض عالية المستوى للمحتوى وتحديد الرموز أو التصنيفات لعلامات تبويب التنقّل.
2) التخطيط لطرق عرض التصفح: خطط لكيفية تنظيم وتنسيق طرق عرض المحتوى من المستوى الأعلى والمستوى الأدنى (الشبكة أم القائمة؟).
3) تخصيص عناصر التحكم في التشغيل: حدِّد ما إذا كنت تريد توفير إجراءات ورموز مخصّصة وما إذا كنت تريد تنفيذ قائمة انتظار.
4) تعديل مسار تسجيل الدخول: اضبط الرمز المقدّم لإنشاء عملية تسجيل دخول إلى تطبيقك إذا كان يتطلّب تسجيل الدخول.
5) إعدادات التصميم: صمِّم شاشات إعدادات تطبيقك، إذا كانت هناك حاجة إلى الإعدادات.
6) توفير عناصر العلامة التجارية: وفّر رمز تطبيقك ولون التمييز، بحيث يمكن للشركات المصنّعة للسيارات تمثيل علامتك التجارية على الشاشة.
استخدم الروابط أعلاه للوصول إلى إرشادات أكثر تفصيلاً حول كل مهمة. للحصول على ملخص لعناصر التصميم التي ستحتاج إلى تقديمها، ارجع إلى قائمة التحقق.
تقسيم الأدوار
يلخّص الجدول أدناه أدوار التصميم لشركات تصنيع السيارات ومطوّري التطبيقات من أجل ضمان تجربة موحَّدة لتطبيقات الوسائط.
جانب من تجربة الوسائط |
دور تصميم صانع السيارة |
دور التصميم لمطور التطبيقات |
التنقّل بين تطبيقات الوسائط |
تحديد المكان الذي ينتقل إليه شريط التطبيق وتوفير إمكانية التنقّل في التطبيق وعناصر التحكّم التي يمكن أن تظهر في شريط التطبيقات
|
حدد طرق عرض المحتوى ذات المستوى الأعلى لتمثيلها في علامات تبويب شريط التطبيق ووفر رموزًا وتصنيفات حسب الحاجة
انتقِل إلى علامات تبويب التنقّل في الخطة.
|
تصفُّح تفاصيل المحتوى |
تحديد حجم ومحتوى الشبكة أو عناصر القائمة وتنفيذ عنوان التطبيق على مستويات أدنى من المحتوى
|
تحديد التنسيق (الشبكة أو القائمة) والتنظيم لمحتوى الوسائط القابل للتصفح على كل مستوى
انتقِل إلى طرق عرض التصفُّح للخطة
|
تشغيل الوسائط |
تنفيذ طريقة عرض التشغيل وشريط التحكم المصغر مع البيانات الوصفية المناسبة للوسائط وعناصر التحكم في التشغيل، بما في ذلك عناصر التحكم لأي إجراءات مخصصة في التطبيق. توفير إمكانية التحكم في قائمة الانتظار في عرض التشغيل وتصميم قائمة الانتظار.
|
حدد ما إذا كان سيتم تنفيذ الإجراءات المخصصة في شريط التحكم أم لا، مع توفير رموز لها. تحديد ما إذا كنت تريد تطبيق قائمة انتظار وما إذا كنت تريد توفير مؤشر للمقطع الصوتي الذي يتم تشغيله حاليًا.
انتقِل إلى مقالة تخصيص عناصر التحكّم في التشغيل.
|
تسجيل الدخول والإعدادات والبحث |
توفير ميزات بحث وإعدادات في شريط التطبيق، وتصميم لوحات مفاتيح للبحث، وربط المستخدمين بشاشات تسجيل الدخول حسب الحاجة
|
توفير مسار تسجيل الدخول (متوافق مع نموذج الرمز) وشاشات الإعدادات إذا لزم الأمر
انتقِل إلى تعديل مسار تسجيل الدخول وعملية تسجيل الدخول إلى "التصميم" والإعدادات.
|
تحديد مصدر العلامة التجارية |
عرض رمز التطبيق على جميع شاشات المحتوى واختيار مكان تطبيق لون تطبيق الجهة الخارجية كتمييز
|
تقديم رمز التطبيق وتحديد لون التمييز
انتقِل إلى تقديم عناصر العلامة التجارية.
|
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 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) |"]]