Jet Stream

随时随地在家中享受大屏幕上流畅访问您最喜爱的电影、电视剧、音乐等。

资源

类型 链接 状态
设计 设计源(Figma) 可用
Inter(Google 字体) 可用
实现 Jetpack Compose(Github) 可用

主题

颜色主题
颜色主题是使用 Material Design 3 主题生成器生成的。
Color theme

排版
JetStream 的字体比例使用 Inter 字体为电视屏幕创建简洁明了的外观。
Typography

形状
卡片和按钮上应用了细微的圆角,以创建友好且易于接近的边缘。
Shape

焦点
JetStream 中使用带轮廓颜色的 3dp 轮廓。
Focus

首页

首页
JetStream 应用的登陆页面。
Home

特色轮播
带有卡片式布局的轮播。
Featured carousel

内容行
JetStream 在 5 列布局中使用标准卡片样式,纵横比为 2:3。
Content row

沉浸式列表
使用沉浸式列表组件突出显示应用中的特殊内容,例如前 10 名热门电影。
Immersive list

类别

类别
类别页面以网格格式显示流派,方便导航和访问。
Categories

类别卡片
Category cards

类别详情
使用带有标题的 2:3 卡片网格创建类别详情页面。
Category details

媒体

电影
标准电影选项卡,顶部为 16:9 特色卡片,底部为内容网格。
Movies

剧集
Shows

资料库

收藏
收藏选项卡在屏幕顶部包含筛选芯片,以便快速搜索内容。
Favorites

搜索登陆
搜索页面包含一个搜索栏,其中包含根据最近搜索内容建议的搜索查询。
Search landing

活动搜索
当用户将焦点放在搜索栏上时,键盘会弹出,并且下方结果会随着用户输入动态更新。
Active search

实体详情

详情登陆
详情页面呈现电影画面,并附带简短的情节摘要和醒目的号召性用语按钮以观看电影。
Details landing

演员和剧组
演员和剧组部分包含一行经典卡片,其中包含标题和描述,每个卡片都附带 2:3 的图像资产。
Cast and crew

评分
评分部分包含一个自定义经典宽卡片,其中包含其他信息。
Ratings

播放

视频播放器
带有最佳实践的标准视频播放器。
Video player

视频播放器设置
视频播放器上的隐藏字幕弹出窗口。
Video player settings

设置

帐户设置
帐户页面布局采用两列设计,左侧为列表组件,右侧为自定义卡片组件,以网格格式排列。
Account settings

删除帐户对话框
对话框使用对比背景设计,使其在屏幕上脱颖而出。对话框中的两个按钮左对齐,使外观简洁有序。
Delete account dialog

关于
关于部分包含右侧面板,其中包含可滚动的文本视图。
About

字幕设置
列表组件用于显示字幕下的各种设置,并使用开关或标签等操作。
Subtitle settings

历史记录
搜索历史记录使用布局显示之前搜索的查询列表,以及清除所有搜索历史记录的选项。
History

帮助
帮助和支持部分使用自定义列表组件显示各种选项,包括联系信息和常见问题解答。
Help