本指南說明如何建立 Android TV 的橫幅和啟動器圖示。
重點複習
本頁重點如下：
- AndroidManifest.xml 中的 Android TV OS 應用程式有兩種圖示類型：
android:icon(標準，必要)android:banner(橫幅廣告，必要)
- 強烈建議您使用自動調整圖示。
- 圖示和橫幅都必須符合本指南所述的設計規範。
- 使用官方 figma 範本產生橫幅和圖示
- Android TV OS 不支援主題化圖示。
總覽
Google TV 和 Android OS 會使用透過 AndroidManifest.xml 提供的圖像，方法有三種：
- 啟動器圖示 (長寬比 1x1)
- 圓形啟動器圖示 (顯示比例為 1x1，但為圓形)
- 橫幅標誌 (長寬比 16x9)
這些可用於不同用途的不同位置，例如「Your apps」列、「設定」或安裝進度。
橫幅
橫幅標誌的顯示比例為 16x9 的標誌，在 Android TV OS 中用來顯示應用程式啟動器。我們建議您為電視應用程式提供符合以下規格的自動調整 16:9 橫幅。使用 API 級別 25 以下時，您也可以提供大小為 320 x 180px 的 xhdpi 資源。
| 密度 | 最小尺寸 | 資料夾位置 (Res res) | 像素比例 |
|---|---|---|---|
| mdpi | 160x90 像素 | mipmap-mdpi | 1 |
| hdpi | 240x135 像素 | mipmap-hdpi | 1.5 |
| xhdpi | 320x180 像素 | mipmap-xhdpi | 2 |
| xxhdpi | 480x270 像素 | mipmap-xxhdpi | 3 |
| xxxhdpi | 640x360 像素 | mipmap-xxxhdpi | 4 |
啟動器圖示
啟動器圖示是一種 1x1 顯示比例資源，可在 Android TV 的多個位置使用，例如「設定」和「媒體工作階段整合 (現正播放資訊卡)。啟動器圖示也適用於 Google TV 上的「Your apps」列。
| 密度 | 最小尺寸 | 資料夾位置 (Res res) | 像素比例 |
|---|---|---|---|
| mdpi | 80x80 像素 | mipmap-mdpi | 1 |
| hdpi | 120x120 像素 | mipmap-hdpi | 1.5 |
| xhdpi | 160x160 像素 | mipmap-xhdpi | 2 |
| xxhdpi | 240x240 像素 | mipmap-xxhdpi | 3 |
| xxxhdpi | 320x320 像素 | mipmap-xxxhdpi | 4 |
自動調整圖示
自 Android 8.0 版本 (API 級別 26) 起，系統支援自動調整啟動器圖示，可讓您在應用程式圖示方面提供更靈活有趣的視覺效果。對開發人員來說，這表示應用程式圖示是由前景和背景這兩個圖層組成。
自動調整橫幅廣告
您也可以提供自動調整橫幅廣告和舊版橫幅，類似具有兩個圖層的啟動器圖示橫幅。
自動調整啟動器圖示
為了確保自動調整圖示支援不同的形狀，以及視覺特效必須符合以下規定：
為圖示的色彩版本提供兩個圖層：一個用於前景，另一個用於背景。
自動調整圖示是透過前景和背景圖層定義。第一張圖片中的 72 x 72 安全區域會顯示圖示和前景圖層永遠不會遭到形狀遮罩裁剪的位置。
圖示不需要單色版本，因為 Android TV 不支援主題化圖示。
範例
以下是設計 TV 應用程式圖示時應考量的事項。
橫幅範例
正確做法
請遵守規範，同時將標誌保持在安全區域
錯誤做法
避免使用文字或圖形元素來指出任何其他資訊。
錯誤做法
請勿使用可能誤導使用者的文字或圖形元素
錯誤做法
請勿將標誌溢出安全區域
錯誤做法
避免在標誌周圍加上邊框，導致標誌遭到裁剪，並建立未經修飾的視覺效果。
錯誤做法
避免裁剪標誌
注意
使用橫幅時，建議您顯示完整標誌、圖示和文字。
啟動器範例
正確做法
請遵守規範，同時將標誌保持在安全區域
錯誤做法
請勿使用文字或圖形元素來指出任何其他資訊。
錯誤做法
請勿使用可能誤導使用者的文字或圖形元素
錯誤做法
請勿將標誌溢出安全區域
錯誤做法
避免在標誌周圍加上邊框，導致標誌遭到裁剪，並建立未經修飾的視覺效果。
錯誤做法
避免裁剪標誌
資源
- 橫幅與圖示的官方 figma 範本