喷气流
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
随时随地，通过大屏幕无缝访问自己喜爱的电影、电视节目、音乐等。
资源
主题
色彩主题
颜色主题是使用 Material Design 3 主题生成器生成的。
排版
JetStream 的字体比例使用 Interface 为电视屏幕打造简单清晰的外观。
形状
我们在卡片和按钮上应用微小的半径，打造出友好且易上手的边缘。
焦点
JetStream 使用带轮廓颜色的 3dp 轮廓。
主屏幕
内容行
JetStream 采用 5 列布局的标准卡片样式，宽高比为 2:3。
沉浸式列表
使用沉浸式列表组件突出显示应用中的特殊内容，例如十大热门电影。
类别
类别
“类别”页面以网格格式显示类型，以便于导航和访问。
类别详情
使用标题为 2:3 的卡片网格来创建“类别详情”页面。
电影
一个标准“电影”标签页，顶部是 16:9 精选卡片，底部是内容网格。
媒体库
收藏夹
“收藏夹”标签页在屏幕顶部包含过滤条状标签，以便您快速搜索内容。
搜索
搜索着陆页
搜索页上有一个搜索栏，其中包含系统根据近期搜索建议的搜索查询。
有效搜索
当用户将焦点放到搜索栏上时，键盘会弹出，下面的结果会随着用户输入而动态更新。
实体详情
详情着陆页
详情页面会显示电影视图，其中包含简短的情节摘要和醒目的观影号召性用语按钮。
演职人员
“演职人员和工作人员”部分包含一行经典卡片和标题和说明，每张卡片都配有 2:3 的图片素材资源。
评分
“评分”部分有一个自定义的经典宽卡片，其中包含了更多信息。
播放
设置
帐号设置
帐号页面布局采用双列设计，左侧为列表组件，右侧为自定义卡片组件，以网格格式排列。
“删除帐号”对话框
该对话框采用了对比鲜明的背景，使其与屏幕的其余部分明显区分开来。对话框中的两个按钮左对齐，以获得简洁有序的外观。
简介
“简介”部分有一个右侧面板，其中包含一个可滚动的文本视图。
字幕设置
列表组件用于在副标题下显示各种设置，并使用开关或标签等操作。
历史记录
搜索记录使用的布局会显示之前搜索过的查询，并提供清除所有搜索记录的选项。
帮助
“帮助和支持”部分使用自定义列表组件显示各种选项，包括联系信息和常见问题解答。
本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC)：2025-07-27。
[null,null,["最后更新时间 (UTC)：2025-07-27。"],[],[],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"]]
