يشرح هذا الدليل إنشاء إعلانات البانر ورموز مشغّل التطبيقات لـ Android TV.
الأفكار الرئيسية المستخلصة
في ما يلي الخلاصات الرئيسية من هذه الصفحة:
- هناك نوعان من الرموز لتطبيقات "نظام التشغيل Android TV" في ملف AndroidManifest.xml:
android:icon
(عادي، إلزامي)android:banner
(بانر، إلزامي)
- يوصى بشدة باستخدام الرموز التكيُّفية.
- يجب أن يتوافق كل من الأيقونة والبانر مع إرشادات التصميم الموضّحة في هذا الدليل.
- استخدم قالب Figma الرسمي لإنشاء إعلان البانر والأيقونات
- لا يتوافق نظام تشغيل Android TV مع الرموز المستوحاة من موضوع معيّن.
نظرة عامة
يستفيد كل من Google TV ونظام التشغيل Android من الرموز المتوفرة من خلال
AndroidManifest.xml
بثلاث طرق:
- رمز مشغّل التطبيقات (نسبة العرض إلى الارتفاع 1×1)
- رمز مشغّل تطبيقات دائري (نسبة عرض إلى ارتفاع 1×1، ولكن دائرية)
- شعار البانر (نسبة عرض إلى ارتفاع 16×9)
ويتم استخدامها في أماكن مختلفة لحالات الاستخدام المختلفة، مثل صف تطبيقاتك أو الإعدادات أو مستوى تقدُّم التثبيت.
إعلان بانر
شعار البانر هو شعار بنسبة عرض إلى ارتفاع تبلغ 16x9 ويُستخدم في نظام التشغيل Android TV لعرض مشغّل التطبيقات. ننصحك بأن توفّر تطبيقات التلفزيون إعلان بانر
تكيُّفيًا بنسبة عرض إلى ارتفاع 16:9 يتضمّن المواصفات التالية: ويمكنك أيضًا توفير موارد xhdpi بحجم 320 x 180px
عند استخدام المستوى 25 من واجهة برمجة التطبيقات أو أقل.
![أحجام رموز بانر التلفزيون](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/banner-sizes.webp?authuser=9&hl=ar)
الكثافة | الحد الأدنى للحجم | موقع المجلد (أقل من الدقة) | نسبة البكسل |
---|---|---|---|
mdpi | 160 × 90 بكسل | mipmap-mdpi | 1 |
دقة عالية | 240 × 135 بكسل | mipmap-hdpi | 1.5 |
xhdpi | 320 × 180 بكسل | mipmap-xhdpi | 2 |
xxhdpi | 480 × 270 بكسل | mipmap-xxhdpi | 3 |
xxxhdpi | 640 × 360 بكسل | mipmap-xxxhdpi | 4 |
رمز مشغّل التطبيقات
رمز مشغّل التطبيقات هو مورد بنسبة عرض إلى ارتفاع تبلغ 1x1 ويتم استخدامه في أماكن متعددة مثل الإعدادات وتكامل جلسات الوسائط (بطاقة اللعب الآن) على Android TV. يمكن أيضًا استخدام رمز مشغّل التطبيقات في صف تطبيقاتك على Google TV.
![أحجام رموز مشغّل التطبيقات](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/launcher-sizes.webp?authuser=9&hl=ar)
الكثافة | الحد الأدنى للحجم | موقع المجلد (أقل من الدقة) | نسبة البكسل |
---|---|---|---|
mdpi | 80 × 80 بكسل | mipmap-mdpi | 1 |
دقة عالية | 120 × 120 بكسل | mipmap-hdpi | 1.5 |
xhdpi | 160 × 160 بكسل | mipmap-xhdpi | 2 |
xxhdpi | 240 × 240 بكسل | mipmap-xxhdpi | 3 |
xxxhdpi | 320 × 320 بكسل | mipmap-xxxhdpi | 4 |
الرموز التكيُّفية
اعتبارًا من إصدار Android 8.0 (المستوى 26 من واجهة برمجة التطبيقات)، سنتيح استخدام رموز مشغّلات التطبيقات التكيُّفية، ما يتيح المزيد من المرونة والتأثيرات المرئية الشيقة في ما يتعلّق برموز التطبيقات. بالنسبة للمطورين، هذا يعني أن رمز التطبيق يتكون من طبقتين: مقدمة وطبقة خلفية.
إعلان بانر تكيُّفي
يمكنك أيضًا توفير بانر تكيُّفي مع إعلانات بانر قديمة، تشبه إعلانات بانر رموز مشغّل التطبيقات التي تتضمّن أيضًا طبقتين.
![بانر تكيُّفي للتلفزيون](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/banner-adaptive-safe.webp?authuser=9&hl=ar)
رمز مشغّل التطبيقات التكيُّفي
للتأكد من أن الأيقونة التكيُّفية تدعم الأشكال المختلفة، ويجب أن تستوفي التأثيرات المرئية المتطلبات التالية:
قدم طبقتين لإصدار اللون من الرمز: واحدة للمقدمة وواحدة للخلفية.
![رمز مشغّل التطبيقات التكيُّفي في التلفزيون](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/launcher-adaptive-safe.webp?authuser=9&hl=ar)
يتم تحديد الرموز التكيُّفية باستخدام طبقات المقدّمة والخلفية. تُظهر المنطقة الآمنة 72 × 72 في الصورة الأولى المكان الذي لا يتم فيه اقتطاع الأيقونة والطبقات الأمامية مطلقًا من خلال قناع على شكل.
لا يلزم استخدام إصدار أحادي اللون من الرمز لأنّ Android TV لا يتوافق مع الرموز المستوحاة من موضوع معيّن.
أمثلة
فيما يلي بعض الأمور التي يجب فعلها وما لا يجب مراعاتها عند تصميم أيقونة تطبيق تلفزيون.
أمثلة على البانر
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/200.webp?authuser=9&hl=ar)
الإجراءات التي يُنصح بها
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/000.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/001.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/002.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/003.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/004.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/005.webp?authuser=9&hl=ar)
تنبيه
أمثلة على مشغّلات التطبيقات
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/201.webp?authuser=9&hl=ar)
الإجراءات التي يُنصح بها
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/100.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/101.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/102.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/103.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/104.webp?authuser=9&hl=ar)
الإجراءات غير المُوصى بها
المراجع
- نموذج Figma الرسمي للبانر والرموز