لوحات عرض دوّارة مميزة
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تعرض لوحات العرض الدوّارة المميّزة مجموعة من المحتوى ذي الصلة بالمستخدم.
المراجع
أهمّ الميزات
- يمكنك استخدام لوحات العرض الدوّارة المميّزة لتسليط الضوء على محتوى معيّن.
- يمكن أن تتضمن العروض الدوارة المميزة عناصر واجهة المستخدم مثل الصور والعناوين
وتفاصيل المحتوى ومقاطع الفيديو والإجراءات وعناصر التحكم في التقسيم على صفحات.
- عادة ما توجد العروض الدوارة على الصفحة الرئيسية للتطبيق أو الصفحة المقصودة، مما
يسهل الوصول إليها بسهولة.
- تكون لوحات العرض الدوّارة المميزة جذابة بصريًا للمساعدة في جذب المستخدم
وإنشاء تجربة غامرة.
- ويمكن تخصيص المحتوى المعروض استنادًا إلى سجلّ المشاهدة للمستخدم أو الإعدادات المفضّلة أو المؤشرات الحالية.
الصيغ
هناك طريقتان مختلفتان لدمج لوحات العرض الدوّارة المميّزة:
- غامرة
- البطاقة
حظر المحتوى
علم التشريح
- إضافة خط علوي
- العنوان
- الوصف
- زرّ
المواصفات
علم التشريح
- خلفية
- عنصر نشط
- العناصر غير النشطة
- إجمالي العناصر
المواصفات
غامرة
علم التشريح
- خلفية الصورة
- تمويه سينمائي
- الملصق
- لون الخلفية
- حظر المحتوى
- التقسيم على صفحات
- شبكة المحتوى
المواصفات
البطاقة
علم التشريح
- خلفية الصورة
- تمويه سينمائي
- الملصق
- خلفية البطاقة
- حظر المحتوى
- التقسيم على صفحات
- شبكة المحتوى
المواصفات
الاستخدام
يمكنك استخدام لوحات العرض الدوّارة المميزة لعرض مجموعة منتقاة من المحتوى والترويج لها بشكل جذاب وجذاب ويسهل التنقل فيه.
الصور في الخلفيات
تؤدي الصور في الخلفيات دورًا مهمًا في تحسين تفاعل المستخدمين
في لوحة عرض دوّارة مميزة خاصة بتطبيق البث.
صور عالية الجودة
استخدم صورًا عالية الدقة جذابة بصريًا وذات صلة
بمحتوى البطاقة محل التركيز.
check_circle
الإجراءات التي يُنصح بها
جعل الصور نظيفة وجذابة بصريًا وذات صلة بجزء المحتوى.
cancel
الإجراءات غير المُوصى بها
تجنَّب استخدام صور تحتوي على نص في الخلفية.
التسلسل الهرمي المرئي الواضح
التأكد من أن الخلفية لا تشتت الانتباه عن محتوى البطاقة محل التركيز باستخدام إطار فوق الصورة؛ فهذا يساعد المستخدم في الحفاظ على التركيز على عنوان البطاقة ووصفها وزر الحث على اتخاذ إجراء.
check_circle
الإجراءات التي يُنصح بها
استخدِم إطارًا لتحسين سهولة القراءة واستيعاب المحتوى.
cancel
الإجراءات غير المُوصى بها
تأكد من أن الخلفية لا تؤثر في سهولة قراءة
باقي المحتوى على الشاشة ورؤيته.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["# Featured carousels showcase a selection of content relevant to the user.\n\nResources\n---------\n\n| Type | Link | Status |\n|----------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------|\n| Design | [Design source (Figma)](https://goo.gle/tv-desing-kit) | Available |\n| Implementation | [Jetpack Compose](/reference/kotlin/androidx/tv/material3/package-summary#Carousel(kotlin.Int,androidx.compose.ui.Modifier,androidx.tv.material3.CarouselState,kotlin.Long,androidx.compose.animation.ContentTransform,androidx.compose.animation.ContentTransform,kotlin.Function1,kotlin.Function2)) | Available |\n\nHighlights\n----------\n\n- Use featured carousels to highlight specific content.\n- Featured carousels can include UI elements such as images, headlines, content details, videos, actions, and pagination controls.\n- Carousels are usually located on the app's homepage or landing page, which makes them readily accessible.\n- Featured carousels are visually appealing to help engage the user, and create an immersive experience.\n- The content displayed can be personalized based on the user's viewing history, preferences, or current trends.\n\nVariants\n--------\n\nThere are two different ways of integrating featured carousels:\n\n1. Immersive\n2. Card\n\nContent block\n-------------\n\n### Anatomy\n\n1. Overline text\n2. Title\n3. Description\n4. Button\n\n### Specs\n\nPagination\n----------\n\n### Anatomy\n\n1. Background\n2. Active element\n3. Inactive elements\n4. Total elements\n\n### Specs\n\nImmersive\n---------\n\n### Anatomy\n\n1. Image background\n 1. Cinematic scrim\n 2. Poster\n 3. Background color\n2. Content block\n3. Pagination\n4. Content grid\n\n### Specs\n\nCard\n----\n\n### Anatomy\n\n1. Image background\n 1. Cinematic scrim\n 2. Poster\n 3. Card background\n2. Content block\n3. Pagination\n4. Content grid\n\n### Specs\n\nUsage\n-----\n\nUse featured carousels to showcase and promote a curated selection\nof content in an engaging, visually appealing, and simple to navigate format.\n\n### Images in backgrounds\n\nImages in backgrounds play a crucial role in enhancing user engagement\nin a streaming app featured carousel.\n\n### High quality imagery\n\nUse high-resolution images that are visually appealing and relevant\nto the content of the focused card. \ncheck_circle\n\n### Do\n\nKeep images clean, visually appealing, and relevant to the content block. \ncancel\n\n### Don't\n\nAvoid using images with text in the background.\n\n### Obvious visual hierarchy\n\nEnsure that the background does not distract from the focused card's\ncontent by using a scrim over the image; this helps the user maintain\nfocus on the card's title, description, and call-to-action button. \ncheck_circle\n\n### Do\n\nUse a scrim to improve readability and content digestion. \ncancel\n\n### Don't\n\nMake sure the background doesn't affect readability and visibility of the rest of the content on the screen."]]
