Evinizde ve büyük ekranda, en sevdiğiniz filmlere, TV programlarına, müziklere ve daha birçok içeriğe istediğiniz zaman kolayca erişin.
Kaynaklar
Tür | Bağlantı kur | Durum |
---|---|---|
Tasarım | Tasarım kaynağı (Figma) | Kullanılabilir |
Inter (Google Fonts) | Kullanılabilir | |
Uygulama | Jetpack Compose (GitHub) | Kullanılabilir |
Tema
Renk teması
Materyal Tasarım 3 tema oluşturma aracı kullanılarak bir renk teması oluşturulur.
![Renk teması](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/color.webp?authuser=6&hl=tr)
Yazı biçimi
JetStream'in tür ölçeği, TV ekranlarında basit ve net bir görünüm oluşturmak için Ara yazı tipini kullanır.
![Yazı biçimi](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/typography.webp?authuser=6&hl=tr)
Şekil
Dostça ve ulaşılabilir kenarlar oluşturmak için kartlara ve düğmelere ince bir yarıçap uygulanır.
![Şekil](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/shape.webp?authuser=6&hl=tr)
Odaklanma
JetStream'de, dış çizgi rengi olan 3dp dış çizgi kullanılır.
![Odak](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/focus-theme.webp?authuser=6&hl=tr)
Ana Sayfa
Ana Sayfa
JetStream uygulamasının açılış sayfası.
![Ana Sayfa](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/home.webp?authuser=6&hl=tr)
Öne çıkan bant
Kart stili düzene sahip bir rulo.
![Öne çıkan bant](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/home-fc-focused.webp?authuser=6&hl=tr)
İçerik satırı
JetStream, 5 sütunlu düzende 2:3 en boy oranına sahip standart bir kart stili kullanır.
![İçerik satırı](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/home-trending-focused.webp?authuser=6&hl=tr)
Kapsamlı liste
Yoğun içerik listesi bileşenini kullanarak uygulamadaki özel içeriği (ör. trend olan en popüler 10 film) vurgulayın.
![Tam kapsamlı liste](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/home-top-10.webp?authuser=6&hl=tr)
Kategoriler
Kategoriler
Kategoriler sayfasında, kolay gezinme ve erişim için türler tablo biçiminde görüntülenir.
![Kategoriler](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/categories.webp?authuser=6&hl=tr)
Kategori kartları
![Kategori kartları](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/categories-action.webp?authuser=6&hl=tr)
Kategori ayrıntıları
Kategori ayrıntıları sayfasını oluşturmak için, başlığı olan 2:3 boyutunda bir kart ızgarası kullanılır.
![Kategori ayrıntıları](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/categories-details.webp?authuser=6&hl=tr)
Medya
Filmler
Üstte içerik ızgarası ve altta 16:9 öne çıkan kartları içeren standart bir filmler sekmesi.
![Filmler](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/movies.webp?authuser=6&hl=tr)
Şovlar
![Programlar](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/shows.webp?authuser=6&hl=tr)
Kitaplık
Favoriler
Favoriler sekmesinde, hızlı içerik araması yapabilmeniz için ekranın üst kısmında filtre çipleri bulunur.
![Favoriler](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/favorities.webp?authuser=6&hl=tr)
Arama
Arama açılış sayfası
Arama sayfasında, son aramalara dayalı olarak önerilen arama sorgularını içeren bir arama çubuğu bulunur.
![Arama açılış sayfası](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/search-default.webp?authuser=6&hl=tr)
Etkin arama
Kullanıcı, arama çubuğuna odaklandığında klavye açılır ve aşağıdaki sonuçlar, kullanıcı yazarken dinamik olarak güncellenir.
![Etkin arama](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/search-active.webp?authuser=6&hl=tr)
Varlık ayrıntıları
Ayrıntılı açılış sayfası
Ayrıntılar sayfasında, olay örgüsünün kısa bir özeti ve filmi izlemek için belirgin bir harekete geçirici mesaj düğmesi bulunan bir sinematik görünüm sunulur.
![Ayrıntıları açılış](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/details.webp?authuser=6&hl=tr)
Oyuncular ve ekip
Oyuncular ve Ekip bölümünde, başlıkları ve açıklamaları olan bir dizi klasik kart yer alır. Bu kartların her birine 2:3 resim öğesi eşlik eder.
![Oyuncular ve Ekip](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/cast-crew.webp?authuser=6&hl=tr)
Puanlar
Puanlar bölümünde, ek bilgiler içeren klasik genel kapsamlı bir kart bulunur.
![Puanlar](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/ratings.webp?authuser=6&hl=tr)
Oynatma
Video oynatıcı
En iyi uygulamalara sahip standart bir video oynatıcı.
![Video oynatıcı](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/player.webp?authuser=6&hl=tr)
Video oynatıcı ayarları
Video oynatıcıda altyazı pop-up'ı.
![Video oynatıcı ayarları](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/player-closed-captions.webp?authuser=6&hl=tr)
Ayarlar
Hesap ayarları
Hesaplar sayfa düzeninin sol tarafında liste bileşeni ve sağ tarafında özel kart bileşenlerinin ızgara biçiminde düzenlenmiş iki sütunlu tasarımı bulunur.
![Hesap ayarları](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-account.webp?authuser=6&hl=tr)
Hesabı silme iletişim kutusu
İletişim kutusu, ekranın geri kalanından farklı olması için zıt bir arka planla tasarlanmıştır. İletişim kutusundaki iki düğme, sade ve düzenli bir görünüm için sola hizalanmıştır.
![Hesabı silme iletişim kutusu](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-delete-account.webp?authuser=6&hl=tr)
Hakkında
Hakkında bölümü, kaydırılabilir metin görünümüyle sağ tarafta bir panel içerir.
![Hakkında](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-about.webp?authuser=6&hl=tr)
Altyazı ayarları
Liste bileşeni, altyazı altında çeşitli ayarları görüntülemek için kullanılır ve anahtar veya etiket gibi işlemler kullanır.
![Altyazı ayarları](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-subtitles.webp?authuser=6&hl=tr)
Geçmiş
Arama geçmişi, tüm arama geçmişini temizleme seçeneğiyle birlikte daha önce aranan sorguların listesini görüntüleyen bir düzen kullanır.
![Geçmiş](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-history.webp?authuser=6&hl=tr)
Yardım
Yardım ve Destek bölümünde, iletişim bilgileri ve SSS gibi çeşitli seçenekleri görüntülemek için bir özel liste bileşeni kullanılır.
![Yardım](https://developer.android.com/static/design/ui/tv/samples/images/jet-stream/settings-help.webp?authuser=6&hl=tr)