Jet Akışı
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
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
Tema
Renk teması
Materyal Tasarım 3 tema oluşturma aracı kullanılarak bir renk teması oluşturulur.
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.
Şekil
Dostça ve ulaşılabilir kenarlar oluşturmak için kartlara ve düğmelere ince bir yarıçap uygulanır.
Odaklanma
JetStream'de, dış çizgi rengi olan 3dp dış çizgi kullanılır.
Ana Sayfa
Ana Sayfa
JetStream uygulamasının açılış sayfası.
Öne çıkan bant
Kart stili düzene sahip bir rulo.
İçerik satırı
JetStream, 5 sütunlu düzende 2:3 en boy oranına sahip standart bir kart stili kullanır.
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.
Kategoriler
Kategoriler
Kategoriler sayfasında, kolay gezinme ve erişim için türler tablo biçiminde görüntülenir.
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.
Filmler
Üstte içerik ızgarası ve altta 16:9 öne çıkan kartları içeren standart bir filmler sekmesi.
Kitaplık
Favoriler
Favoriler sekmesinde, hızlı içerik araması yapabilmeniz için ekranın üst kısmında filtre çipleri bulunur.
Arama
Arama açılış sayfası
Arama sayfasında, son aramalara dayalı olarak önerilen arama sorgularını içeren bir arama çubuğu bulunur.
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.
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.
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.
Puanlar
Puanlar bölümünde, ek bilgiler içeren klasik genel kapsamlı bir kart bulunur.
Oynatma
Video oynatıcı
En iyi uygulamalara sahip standart bir video oynatıcı.
Video oynatıcı ayarları
Video oynatıcıda altyazı pop-up'ı.
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.
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.
Hakkında
Hakkında bölümü, kaydırılabilir metin görünümüyle sağ tarafta bir panel içerir.
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.
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.
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.
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,["# Jet Stream\n\nEnjoy seamless access to your favorite movies, TV shows, music, and more on\nthe big screen, anytime at home.\n\nResources\n---------\n\n| Type | Link | Status |\n|----------------|---------------------------------------------------------------|-----------|\n| Design | [Design source (Figma)](https://goo.gle/jet-stream-figma) | Available |\n| Design | [Inter (Google Fonts)](https://goo.gle/jet-stream-fonts) | Available |\n| Implementation | [Jetpack Compose (Github)](https://goo.gle/jet-stream-github) | Available |\n\nTheme\n-----\n\n\u003cbr /\u003e\n\n**Color theme**\nA color theme is generated using the Material Design 3 theme generator. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Typography**\nJetStream's type scale uses the Inter typeface to create a simple and clear look for TV screens. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Shape**\nA subtle radius is applied to the cards and buttons to create friendly and approachable edges. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Focus**\nA 3dp outline with an outline color is used in JetStream. \n\n\u003cbr /\u003e\n\nHome\n----\n\n\u003cbr /\u003e\n\n**Home**\nLanding page of JetStream app. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Featured carousel**\nA carousel with a card-style layout. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Content row**\nJetStream utilizes a standard card style with a 2:3 aspect ratio in a 5-column layout. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Immersive list**\nHighlight special content in the app using the Immersive list component, such as top 10 trending movies. \n\n\u003cbr /\u003e\n\nCategories\n----------\n\n\u003cbr /\u003e\n\n**Categories**\nThe Categories page displays genres in a grid format for easy navigation and access. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Category cards** \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Category details**\nA 2:3 card grid with a header is used to create the Category details page. \n\n\u003cbr /\u003e\n\nMedia\n-----\n\n\u003cbr /\u003e\n\n**Movies**\nA standard movies tab with a 16:9 featured cards on the top with content grid on the bottom. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Shows** \n\n\u003cbr /\u003e\n\nLibrary\n-------\n\n\u003cbr /\u003e\n\n**Favorites**\nThe Favorites tab includes filter chips at the top of the screen to allow for quick content searching. \n\n\u003cbr /\u003e\n\nSearch\n------\n\n\u003cbr /\u003e\n\n**Search landing**\nA search page features a search bar with suggested search queries based on recent searches. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Active search**\nWhen the user focuses on the search bar, the keyboard pops up, and the results below dynamically update as the user types. \n\n\u003cbr /\u003e\n\nEntity details\n--------------\n\n\u003cbr /\u003e\n\n**Details landing**\nThe details page presents a cinematic view with a brief plot summary and a prominent call-to-action button to watch the movie. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Cast and crew**\nThe Cast and Crew section features a row of classic cards with titles and descriptions, each accompanied by a 2:3 image asset. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Ratings**\nThe ratings section features a custom classic wide card that includes additional information. \n\n\u003cbr /\u003e\n\nPlayback\n--------\n\n\u003cbr /\u003e\n\n**Video player**\nA standard video player with best practices. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Video player settings**\nA close caption popover on the video player. \n\n\u003cbr /\u003e\n\nSettings\n--------\n\n\u003cbr /\u003e\n\n**Account settings**\nThe accounts page layout features a two-column design with a list component on the left and custom card components on the right, arranged in a grid format. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Delete account dialog**\nThe dialog box is designed with a contrasting background to make it stand out from the rest of the screen. The two buttons in the dialog are aligned to the left for a clean and organized look. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**About**\nThe About section features a right-hand panel with a scrollable text view. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Subtitle settings**\nA list component is used to display various settings under subtitle, and uses actions such as a switch or a label. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**History**\nThe search history uses a layout that displays a list of previously searched queries, along with an option to clear all the search history. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Help**\nThe Help and Support section uses a custom list component to display various options, including contact information and FAQs. \n\n\u003cbr /\u003e"]]