Öne çıkan bantlar
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Öne çıkan bantlar, kullanıcıyla alakalı içerik seçimini sergiler.
Kaynaklar
Öne çıkanlar
- Belirli içerikleri vurgulamak için öne çıkan bantları kullanın.
- Öne çıkan bantlarda görseller, başlıklar, içerik ayrıntıları, videolar, işlemler ve sayfalara ayırma kontrolleri gibi kullanıcı arayüzü öğeleri bulunabilir.
- Bantlar genellikle uygulamanın ana sayfasında veya açılış sayfasında bulunur. Bu sayede kolayca erişilebilirler.
- Öne çıkan bantlar, görsel açıdan kullanıcıların ilgisini çekmek ve etkileyici bir deneyim oluşturmak için ilgi çekicidir.
- Gösterilen içerik, kullanıcının görüntüleme geçmişine, tercihlerine veya mevcut eğilimlerine göre kişiselleştirilebilir.
Varyantlar
Öne çıkan bantları entegre etmenin iki farklı yolu vardır:
- Etkileyici
- Kart
İçerik engelleme
Anatomi
- Metnin üstünü çiz
- Başlık
- Açıklama
- Düğme
Özellikler
Anatomi
- Arka plan
- Etkin öğe
- Etkin olmayan öğeler
- Toplam öğe sayısı
Özellikler
Etkileyici
Anatomi
- Resim arka planı
- Sinematik çekim
- Afiş
- Arka plan rengi
- İçerik engelleme
- Sayfaları numaralandırma
- İçerik tablosu
Özellikler
Kart
Anatomi
- Resim arka planı
- Sinematik çekim
- Afiş
- Kart arka planı
- İçerik engelleme
- Sayfaları numaralandırma
- İçerik tablosu
Özellikler
Kullanım
Özenle seçilmiş bir içeriği ilgi çekici, görsel olarak çekici ve gezinmesi kolay bir biçimde sergilemek ve tanıtmak için öne çıkan bantları kullanın.
Arka planlardaki resimler
Arka planlardaki resimler, yayın uygulaması özellikli bir bantta kullanıcı etkileşimini artırmada çok önemli bir rol oynar.
Yüksek kaliteli görüntüler
Görsel olarak ilgi çekici ve odaklanılan kartın içeriğiyle alakalı olan yüksek çözünürlüklü resimler kullanın.
check_circle
Yapılması gerekenler
Resimlerin net, görsel olarak çekici ve içerik bloğuyla alakalı olmasını sağlayın.
cancel
Yapılmaması gerekenler:
Arka planında metin olan resimler kullanmaktan kaçının.
Belirgin görsel hiyerarşi
Resmin üzerinde bir çerçeve kullanarak arka planın odaklanılan kartın içeriğinden dikkat çekmediğinden emin olun. Bu, kullanıcının kartın başlığına, açıklamasına ve harekete geçirici mesaj düğmesine odaklanmasına yardımcı olur.
check_circle
Yapılması gerekenler
Okunabilirliği ve içeriklerinizin daha iyi anlaşılabilmesi için her parçayı kullanın.
cancel
Yapılmaması gerekenler:
Arka planın ekrandaki diğer içeriklerin okunabilirliğini ve görünürlüğünü etkilemediğinden emin olun.
Bu sayfadaki içerik ve kod örnekleri, İçerik Lisansı sayfasında açıklanan lisanslara tabidir. Java ve OpenJDK, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-07-27 UTC.
[null,null,["Son güncelleme tarihi: 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."]]
