Polecane karuzele
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Polecane karuzele prezentują wybrane treści, które pasują do użytkownika.
Materiały
W skrócie
- Używaj polecanych karuzel, aby wyróżnić określone treści.
- Polecane karuzele mogą zawierać takie elementy interfejsu jak obrazy, nagłówki, szczegóły treści, filmy, działania i elementy sterujące podziałem na strony.
- Karuzele znajdują się zwykle na stronie głównej lub stronie docelowej aplikacji, dzięki czemu są łatwo dostępne.
- Polecane karuzele są atrakcyjne wizualnie, ponieważ zwiększają zaangażowanie użytkowników i zapewniają imponujące wrażenia.
- Wyświetlane treści można personalizować na podstawie historii oglądania użytkownika, preferencji lub bieżących trendów.
Warianty
Polecane karuzele można zintegrować na 2 sposoby:
- Wciągająca rozgrywka
- Karta
Blokada treści
Anatomia
- Tekst nad tekstem
- tytuł;
- Opis
- Przycisk
Dane techniczne
Anatomia
- Tło
- Aktywny element
- Elementy nieaktywne
- Łączna liczba elementów
Dane techniczne
Wciągająca rozgrywka
Anatomia
- Tło obrazu
- Kryminalna grafika
- Plakat
- Kolor tła
- Blokada treści
- Podział na strony
- Siatka treści
Dane techniczne
Karta
Anatomia
- Tło obrazu
- Kryminalna grafika
- Plakat
- Tło karty
- Blokada treści
- Podział na strony
- Siatka treści
Dane techniczne
Wykorzystanie
Korzystaj z polecanych karuzel, aby prezentować i promować wyselekcjonowane treści w angażowym, atrakcyjnym wizualnie i łatwym w nawigacji formacie.
Obrazy w tle
Obrazy w tle odgrywają kluczową rolę w zwiększaniu zaangażowania użytkowników w polecanej karuzeli aplikacji do odtwarzania strumieniowego.
Wysokiej jakości zdjęcia
Używaj obrazów w wysokiej rozdzielczości, które są atrakcyjne wizualnie i pasują do treści wybranej karty.
check_circle
Tak
Zadbaj o to, aby obrazy były czytelne, atrakcyjne wizualnie i dopasowane do bloku treści.
cancel
Nie wolno
Unikaj używania obrazów z tekstem w tle.
Widoczna hierarchia wizualna
Upewnij się, że tło nie odciąga uwagi od zawartości aktywnej karty, umieszczając na niej maskę. Dzięki temu użytkownik będzie mógł skupić się na tytule, opisie i przycisku wezwania do działania karty.
check_circle
Tak
Użyj ekranu, aby poprawić czytelność i przyswajanie treści.
cancel
Nie wolno
Upewnij się, że tło nie wpływa na czytelność i widoczność reszty zawartości ekranu.
Treść strony i umieszczone na niej fragmenty kodu podlegają licencjom opisanym w Licencji na treści. Java i OpenJDK są znakami towarowymi lub zastrzeżonymi znakami towarowymi należącymi do firmy Oracle lub jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-07-27 UTC.
[null,null,["Ostatnia aktualizacja: 2025-07-27 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."]]
