本指南說明如何建立 Android TV 專用的橫幅和啟動器圖示。
重點複習
這個頁面的重點如下：
- AndroidManifest.xml 中的 Android TV OS 應用程式圖示類型有兩種：
android:icon(標準，必要)android:banner(橫幅廣告，必要)
- 強烈建議使用自動調整圖示。
- 圖示和橫幅都必須符合本指南中的設計指南。
- 使用官方 figma 範本產生橫幅和圖示
- Android TV OS 不支援主題化圖示。
總覽
Google TV 和 Android 作業系統會透過三種方式使用 AndroidManifest.xml 提供的圖像：
- 啟動器圖示 (顯示比例 1x1)
- 圓形啟動器圖示 (顯示比例為 1x1，但圓形)
- 橫幅標誌 (長寬比 16x9)
用於不同用途的位置，例如「您的應用程式」列、設定或安裝進度。
橫幅
橫幅標誌是長寬比 16x9 的標誌，用於 Android TV 作業系統，用來顯示應用程式啟動器。我們建議 TV 應用程式提供採用以下規格的自動調整 16:9 橫幅廣告。使用 API 級別 25 以下時，也可以提供大小為 320 x 180px 的 xhdpi 資源。
| 密度 | 最小尺寸 | 資料夾位置 (在「解析度」下方) | 像素比例 |
|---|---|---|---|
| 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」(您的應用程式) 列。
| 密度 | 最小尺寸 | 資料夾位置 (在「解析度」下方) | 像素比例 |
|---|---|---|---|
| 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 範本 適用於橫幅和圖示