本指南介绍了为 Android TV 创建横幅和启动器图标。
关键要点
以下是本页的关键要点
- Android TV 操作系统应用在 AndroidManifest.xml 中有两种图标类型
android:icon
(标准,必填)android:banner
(横幅,必填)
- 强烈建议使用自适应图标。
- 图标和横幅都必须符合本指南中概述的设计指南。
- 使用 官方 Figma 模板 生成横幅和图标
- Android TV 操作系统不支持主题图标。
概述
Google TV 和 Android 操作系统通过三种方式使用您在 AndroidManifest.xml
中提供的图标
- 启动器图标(1x1 长宽比)
- 圆形启动器图标(1x1 长宽比,但为圆形)
- 横幅徽标(16x9 长宽比)
这些用于不同位置的不同用例,例如“您的应用”行、设置或安装进度。
横幅
横幅徽标是 16x9 长宽比的徽标,用于 Android TV 操作系统显示您的应用启动器。我们建议 TV 应用提供具有以下规格的自适应 16:9 横幅。在使用 API 级别 25 或更低版本时,您还可以提供大小为 320 x 180px
的 xhdpi 资源。

密度 | 最小尺寸 | 文件夹位置(在 res 下) | 像素比率 |
---|---|---|---|
mdpi | 160x90 px | mipmap-mdpi | 1 |
hdpi | 240x135 px | mipmap-hdpi | 1.5 |
xhdpi | 320x180 px | mipmap-xhdpi | 2 |
xxhdpi | 480x270 px | mipmap-xxhdpi | 3 |
xxxhdpi | 640x360 px | mipmap-xxxhdpi | 4 |
启动器图标
启动器图标是在 Android TV 上多个位置(如设置和媒体会话集成(正在播放卡片))中使用的 1x1 长宽比资源。启动器图标也可以在 Google TV 上的“您的应用”行中使用。

密度 | 最小尺寸 | 文件夹位置(在 res 下) | 像素比率 |
---|---|---|---|
mdpi | 80x80 px | mipmap-mdpi | 1 |
hdpi | 120x120 px | mipmap-hdpi | 1.5 |
xhdpi | 160x160 px | mipmap-xhdpi | 2 |
xxhdpi | 240x240 px | mipmap-xxhdpi | 3 |
xxxhdpi | 320x320 px | mipmap-xxxhdpi | 4 |
自适应图标
从 Android 8.0 版本(API 级别 26)开始,支持自适应启动器图标,这在应用图标方面提供了更大的灵活性和有趣的视觉效果。对于开发者来说,这意味着您的应用图标由两层组成:前景色和背景色层。
自适应横幅
您还可以提供自适应横幅以及传统横幅,类似于启动器图标横幅,也具有两层。

自适应启动器图标
为了确保您的自适应图标支持不同的形状和视觉效果,设计必须满足以下要求
为图标的颜色版本提供两层:一层用于前景色,一层用于背景色。

自适应图标使用前景色和背景色层定义。第一张图片中的 72 x 72 安全区域显示了图标和前景色层永远不会被形状蒙版裁剪的位置。
不需要图标的单色版本,因为 Android TV 不支持主题图标。
示例
以下是一些在设计 TV 应用图标时需要考虑的注意事项。
横幅示例

操作

不要

不要

不要

不要

不要

注意
启动器示例

操作

不要

不要

不要

不要
