Избранные карусели
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Избранные карусели демонстрируют подборку контента, интересного пользователю.
Ресурсы
Основные моменты
- Используйте избранные карусели, чтобы выделить конкретный контент.
- Рекомендуемые карусели могут включать в себя элементы пользовательского интерфейса, такие как изображения, заголовки, сведения о контенте, видео, действия и элементы управления нумерацией страниц.
- Карусели обычно располагаются на главной или целевой странице приложения, что делает их легкодоступными.
- Рекомендуемые карусели визуально привлекательны, помогают привлечь пользователя и создают эффект погружения.
- Отображаемый контент может быть персонализирован на основе истории просмотров пользователя, предпочтений или текущих тенденций.
Варианты
Существует два разных способа интеграции избранных каруселей:
- захватывающий
- Карта
Блок контента
Анатомия
- Надчеркенный текст
- Заголовок
- Описание
- Кнопка
Характеристики
Анатомия
- Фон
- Активный элемент
- Неактивные элементы
- Всего элементов
Характеристики
захватывающий
Анатомия
- Фон изображения
- Кинематографическая сетка
- Плакат
- Фоновый цвет
- Блок контента
- Пагинация
- Сетка контента
Характеристики
Карта
Анатомия
- Фон изображения
- Кинематографическая сетка
- Плакат
- Фон карты
- Блок контента
- Пагинация
- Сетка контента
Характеристики
Применение
Используйте избранные карусели для демонстрации и продвижения тщательно подобранного контента в привлекательном, визуально привлекательном и простом для навигации формате.
Изображения в фоновом режиме
Изображения в фоновом режиме играют решающую роль в повышении вовлеченности пользователей в карусели потокового приложения.
Высококачественные изображения
Используйте изображения с высоким разрешением, которые визуально привлекательны и соответствуют содержанию выбранной карточки.
check_circle
Делать
Сохраняйте изображения чистыми, визуально привлекательными и соответствующими блоку контента.
cancel
Не
Избегайте использования изображений с текстом на заднем плане.
Очевидная визуальная иерархия
Убедитесь, что фон не отвлекает от содержания карточки, используя сетку поверх изображения; это помогает пользователю сосредоточиться на заголовке, описании и кнопке призыва к действию карточки.
check_circle
Делать
Используйте сетку, чтобы улучшить читаемость и усвоение контента.
cancel
Не
Убедитесь, что фон не влияет на читаемость и видимость остального контента на экране.
Контент и образцы кода на этой странице предоставлены по лицензиям. Java и OpenJDK – это зарегистрированные товарные знаки корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2025-07-29 UTC.
[null,null,["Последнее обновление: 2025-07-29 UTC."],[],[],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."]]
