تخصيص الوسائط

تنتمي الوسائط إلى مجموعة من تطبيقات النظام (على سبيل المثال ، Dialer و App Launcher). تشترك هذه التطبيقات في أنماط وأصول مشتركة محددة على مستويات مختلفة في هيكل AOSP.

  • framework/base . يتم هنا تحديد جميع أنماط Android الأساسية.
  • packages/services/Car/car_product/overlay . يحتوي على تراكبات وقت الإنشاء التي تعدل الإطار القياسي / الموارد الأساسية لإنتاج مظهر وشكل AOSP لنظام التشغيل Android Automotive OS. قد تختار الشركات المصنعة للمعدات الأصلية استبعاد هذا التراكب واستخدام تراكبها.
  • packages/apps/Car/libs/car-ui-lib . تحدد هذه المكتبة مكونات وموارد AAOS المشتركة لتطبيقات النظام والتطبيقات غير المجمعة المصممة للتخصيص. للحصول على التفاصيل ، راجع دليل تكامل مكتبة واجهة المستخدم للسيارة .
  • packages/apps/Car/libs/car_app_common . الألوان والأنماط الشائعة المشتركة بين تطبيقات نظام السيارات. يمكن لمصنعي المعدات الأصلية استخدام التراكبات لتخصيص هذه العناصر (على غرار car_product/overlay الموضح أعلاه).
  • packages/apps/Car/libs/car_media_common . يحتوي على عناصر مشتركة بين الوسائط وواجهة مستخدم للوسائط الأخرى. على سبيل المثال ، أداة وسائط الشاشة الرئيسية.
  • packages/apps/Car/Media. تستخدم جميع تطبيقات النظام السمات الخاصة بها ، والتي تمتد من Theme.CarUi ، كما هو محدد في car-ui-lib .

يوفر Android Automotive AOSP عرضين تقديميين للوسائط.

  • واجهة مستخدم الوسائط. يمكّن المستخدمين من تسجيل الدخول وتصفح المحتوى واستخدام عناصر التحكم التفصيلية في التشغيل.
  • أداة وسائط الشاشة الرئيسية. لتمكين استخدام ميزات التحكم في تشغيل الوسائط الأساسية على الشاشة الرئيسية.

واجهة مستخدم الوسائط

يصف هذا الشكل بنية Media UI:

واجهة مستخدم الوسائط

الشكل 1. واجهة مستخدم الوسائط

للحصول على تفاصيل حول إرشادات UX و UI بالإضافة إلى الهيكل المكاني للمكونات المختلفة للوسائط ، راجع النموذج المكاني .

AppBarView: شريط الأدوات

يعد شريط أدوات Media UI أحد المكونات المشتركة مع تطبيقات النظام الأخرى ، مثل Dialer و Radio. لمعرفة كيفية تخصيص شريط الأدوات ، راجع دليل تكامل مكتبة واجهة المستخدم للسيارة .

الحد الأقصى لحجم العمل الفني للوسائط

لإخطار تطبيقات الوسائط بالحجم الأقصى للعمل الفني المطلوب جلبه ، يمكنك تراكب media_items_bitmap_max_size_px في نظامك. للقيام بذلك ، أرسل EXTRA_MEDIA_ART_SIZE_HINT_PIXELS أساسي. نتيجة لذلك ، ستوفر النطاق الترددي عند تنزيل الصور. لمعرفة المزيد ، راجع MediaConstants على developer.android.com.

تصفح جزء

يتألف التصفح بشكل أساسي من Car UI RecyclerView ، والذي يتعامل مع موضع شريط التمرير والأسهم والهوامش ويمكنه استعراض عناصر من أنواع مختلفة ، مثل الرؤوس وعناصر الشبكة وعناصر شبكة الرموز وعناصر القائمة وعناصر قائمة الرموز.

ضوابط التشغيل المصغرة

عندما يتم عرض جزء التصفح ، وعند تحديد عنصر وسائط ، يتم عرض عرض عناصر تحكم التشغيل المصغر . يوضح الشكل التالي هيكل هذا الرأي:

ضوابط التشغيل المصغرة

الشكل 2. ضوابط التشغيل المصغرة

قائمة التصفح

يمكن للمطورين استخدام مجموعة من تلميحات الأنماط (راجع تطبيق أنماط المحتوى ) لتخصيص عرض محتوى استعراض الوسائط. يجب أن يلتزم مصنعي المعدات الأصلية بهذه الأنماط ، وضبط العرض التقديمي لنظام التصميم الخاص بهم.

توجد أنواع العناصر المدعومة والتخطيطات الخاصة بها على النحو التالي:

  • LIST_ITEM ( media_browse_list_item.xml ). يشيع استخدامه للحلقات في بودكاست ، مثل عناصر قائمة التشغيل والمفضلة.
  • ICON_LIST_ITEM ( media_browse_list_icons_item.xml ). يُستخدم للفئات أو خيارات القائمة ، حيث لا تكون الصورة المضمنة مع عنصر الوسائط صورة ألبوم فعلية ولكنها رمز.
  • GRID_ITEM ( media_browse_grid_item.xml ). يشيع استخدامها للعناصر القابلة للتشغيل ، مثل الأغاني أو قوائم التشغيل.
  • ICON_GRID_ITEM ( media_browse_grid_icons_item.xml ). تستخدم للفئات ، على غرار ICON_LIST_ITEM .
  • HEADER ( media_browse_header_item.xml ). تستخدم لتنظيم عناصر الوسائط إلى أقسام.

شاشة التشغيل

لعرض هذه الشاشة ، قم بتوسيع عناصر التحكم في التشغيل المصغرة:

  • يتم تشغيل بيانات عنصر الوسائط حاليًا (بما في ذلك العنوان والعنوان الفرعي).
  • ضوابط تشغيل كاملة.
  • قائمة انتظار التشغيل (تُستخدم لعرض العناصر التي تم تشغيلها مؤخرًا أو العناصر التالية للتشغيل).

تم تحديد مكونات شاشة التشغيل في الأشكال أدناه.

شاشة التشغيل

الشكل 3. شاشة التشغيل

لا تشارك شاشة التشغيل شريط الأدوات مع باقي التطبيق. بدلاً من ذلك ، تتم إدارة العناصر الموجودة أعلى الشاشة بشكل فردي بواسطة هذه الشاشة.

ضوابط التشغيل

تتضمن شاشة التشغيل مجموعة ممتدة من عناصر التحكم في التشغيل ، منظمة في صفوف التحكم . يتم عرض الصف الثانوي (المعروض أدناه كصف في الجزء العلوي) فقط إذا كانت المساحة الموجودة في الصف الأول غير كافية لعرض جميع الإجراءات التي تم إرجاعها بواسطة تطبيق الوسائط من PlaybackStateCompat#getActions() .

ضوابط التشغيل

الشكل 4. ضوابط التشغيل.

يمكن لمصنعي المعدات الأصلية تخصيص رموز الإجراءات القياسية ، لكن يجب عليهم تقديم رموز إجراءات مخصصة كما توفرها تطبيقات الوسائط.

أداة وسائط الشاشة الرئيسية

يتم تنفيذ هذه الأداة على أنها جزء في car-media-common . يتضمن هذا الجزء نسخة مصغرة من شاشة التشغيل الموضحة أعلاه. تنطبق جميع قواعد وإمكانيات التخصيص نفسها.

أداة وسائط الشاشة الرئيسية

الشكل 5. عنصر واجهة مستخدم وسائط الشاشة الرئيسية

يستخدم زر محدد التطبيق المعروض أعلاه وظيفة التبديل الموضحة في تدفق مستخدم تبديل مصدر الوسائط .

لاستخدام رمز Media Source الحالي لزر App Selector ، قم بتراكب علامة use_media_source_logo_for_app_selector المحددة في platform/packages/apps/Car/libs/car-media-common/res/values/bools.xml على " true ". مع هذا التغيير ، سيتم إخفاء رمز Media Source على الجانب الآخر من شريط أدوات التطبيق. ينطبق التخصيص أيضًا على تطبيق Media Center وتطبيق الراديو المرجعي.

زر تحديد تطبيق الوسائط

الشكل 6. زر تحديد تطبيق الوسائط

تخطيط زر التشغيل والإيقاف المؤقت والإيقاف

يمكن تخصيص تخطيط زر التشغيل / الإيقاف المؤقت / الإيقاف من أجل "التشغيل الآن" وعرض عناصر التحكم في التشغيل المصغرة. يتم تحديد كلا التخطيطين في packages/apps/Car/libs/car-media-common/res/layout/ .

لتخصيص تخطيطات الأزرار ، قم بتطبيق تراكبات وقت الإنشاء على play_pause_stop_button_layout.xml و minimized_play_pause_stop_button_layout.xml .

قم بتمييز العنصر الحالي في قائمة انتظار التشغيل

يتم تعيين حالة عنصر قائمة انتظار التشغيل الحالية على selected ، بحيث يمكن تخصيصها باستخدام موارد الحالة مثل قوائم حالة اللون (راجع مورد قائمة حالة اللون ) وقائمة العناصر القابلة للرسم (انظر الموارد القابلة للرسم ). لتطبيق تغييرات التصميم الضرورية ، يمكنك تجاوز تخطيط عنصر قائمة الانتظار ( الحزم / التطبيقات / السيارة / الوسائط / الدقة / التخطيط / queue_list_item.xml ).

يمكنك أيضًا إظهار رمز بجوار عنصر قائمة انتظار التشغيل الحالية:

الشكل 7. العنصر الحالي المميز في قائمة انتظار التشغيل