電視螢幕通常是在約 10 英尺 (約 3 公尺) 處觀看,雖然比大多數其他 Android 裝置的螢幕大得多,但電視螢幕提供的細節和色彩與較小的裝置螢幕不同。因此,您必須以 TV 裝置為考量,建立應用程式版面配置,打造實用又愉悅的客廳使用者體驗。
基本佈局原則
電視裝置的版面配置必須遵循一些基本指南,確保在大螢幕上可用且有效。請按照下列提示建構適合電視螢幕的版面配置:
- 以橫向模式建構版面配置。電視螢幕始終以橫向模式顯示。
- 將畫面上的導覽控制項放在螢幕左側或右側, 節省垂直空間,用於顯示內容。
- 使用響應式和相對尺寸(例如
dp和sp單位),以便使用者介面能夠在不同的顯示解析度下平滑縮放。 - 在版面配置控制項之間加入足夠的邊界和邊框間距,以免 UI 雜亂。
遮視區域
由於電視標準不斷演進,現在會向觀眾顯示全螢幕圖片,因此電視版面配置有一些獨特需求。因此,電視設備可能會裁剪應用程式佈局的外緣,以確保整個螢幕都被填滿。這種行為通常被稱為過度掃描。
將使用者必須隨時看到的畫面元素,放置在過掃安全區域內。在佈局的左右邊緣添加 48 dp 的 5% 邊距,在頂部和底部邊緣添加 27 dp 的 5% 邊距,有助於確保佈局中的螢幕元素位於過掃描安全區域內。
不要調整使用者不直接互動的背景畫面元素,也不要將元素裁剪到過掃描安全區域。這種做法有助於確保背景畫面元素在所有畫面上看起來都正確。
建構可用的文字和控制項
按照下列提示操作,讓電視應用程式中的文字和控制項更容易從遠處看清楚:
- 將文字拆分成使用者可以快速瀏覽的小段。
- 使用淺色文字搭配深色背景。這種樣式在電視上更容易閱讀。
- 請避免使用細字型,或同時有極細和極粗筆畫的字型。使用無襯線字型和反鋸齒功能,提高可讀性。
- 請將所有檢視畫面小工具放大,確保坐在距離螢幕 10 英尺處的人也能清楚看見。排版時,請使用密度獨立像素 (
dp) 單位,而非絕對像素單位;排版時,請使用可縮放像素 (sp) 單位。
如要進一步瞭解與密度無關的像素,以及如何建構版面配置來處理較大的螢幕尺寸,請參閱「螢幕相容性總覽」。
管理 TV 的版面配置資源
與其他所有安卓設備一樣,電視機的螢幕尺寸各不相同,並支援不同的分辨率,包括 720p、1080p 和 4K。請確保您的應用程式支援不同的螢幕尺寸。
不同尺寸和解析度的螢幕具有不同的像素密度。如要確保 UI 在不同螢幕大小、解析度和像素密度下都能維持一致的外觀,請使用密度獨立像素 (dp) 定義 UI 測量值。下表列出不同電視面板解析度的螢幕像素密度:
| 面板解析度 | 螢幕像素密度 |
|---|---|
| 720p | tvdpi |
| 1080p | xhdpi |
| 4K | xxxhdpi |
應避免的佈局模式
有幾種版面配置建構方式不適合用於電視裝置。為電視開發版面配置時,請避免使用下列使用者介面模式:
- 重複使用手機或平板電腦版面配置:請勿重複使用手機或平板電腦應用程式的版面配置,否則必須進行修改。為其他 Android 裝置類型建構的版面配置不適合用於電視裝置,因此必須簡化,才能在電視上操作。
- 使用手機動作列或選單:由於使用遙控器難以瀏覽頂端動作列和下拉式選單,因此不適合用於電視介面。
- 僅使用滑動手勢導覽:在手機或平板電腦上,滑動或輕觸螢幕即可切換畫面,但請勿在電視上使用僅限滑動的手勢,因為使用者需要依賴 D-pad 遙控器。
如要進一步瞭解如何設計適合電視的版面配置,請參閱「為電視設計應用程式」。
處理大型點陣圖
電視設備的記憶體有限。如果您的應用程式佈局使用非常高解析度的影像,則可能會很快達到記憶體限制並導致記憶體不足錯誤。 使用高效率的圖片載入和解碼程式庫 (例如 Coil 或 Glide),在應用程式中擷取、解碼及顯示點陣圖。
有關使用點陣圖時獲得最佳效能的更多資訊,請參閱 Android 圖形最佳實踐。
提供有效的廣告
對於客廳環境,我們建議使用全螢幕且可在 30 秒內關閉的視訊廣告解決方案。Android TV 廣告功能 (例如關閉按鈕和點擊次數) 必須使用 D-Pad 存取,而非觸控。
Android TV 不提供網頁瀏覽器。廣告不得嘗試啟動網路瀏覽器,或重新導向至未經核准在 Android TV 裝置上顯示的 Google Play 商店內容。