打造電視版面配置

電視螢幕通常是在約 10 英尺 (約 3 公尺) 處觀看,雖然比大多數其他 Android 裝置的螢幕大得多,但電視螢幕提供的細節和色彩與較小的裝置螢幕不同。因此,您必須以 TV 裝置為考量,建立應用程式版面配置,打造實用又愉悅的客廳使用者體驗。

基本佈局原則

電視裝置的版面配置必須遵循一些基本指南,確保在大螢幕上可用且有效。請按照下列提示建構適合電視螢幕的版面配置:

  • 以橫向模式建構版面配置。電視螢幕始終以橫向模式顯示。
  • 將畫面上的導覽控制項放在螢幕左側或右側, 節省垂直空間,用於顯示內容。
  • 使用響應式和相對尺寸(例如 dpsp 單位),以便使用者介面能夠在不同的顯示解析度下平滑縮放。
  • 在版面配置控制項之間加入足夠的邊界和邊框間距,以免 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 遙控器。

如要進一步瞭解如何設計適合電視的版面配置,請參閱「為電視設計應用程式」。

處理大型點陣圖

電視設備的記憶體有限。如果您的應用程式佈局使用非常高解析度的影像,則可能會很快達到記憶體限制並導致記憶體不足錯誤。 使用高效率的圖片載入和解碼程式庫 (例如 CoilGlide),在應用程式中擷取、解碼及顯示點陣圖。

有關使用點陣圖時獲得最佳效能的更多資訊,請參閱 Android 圖形最佳實踐

提供有效的廣告

對於客廳環境,我們建議使用全螢幕且可在 30 秒內關閉的視訊廣告解決方案。Android TV 廣告功能 (例如關閉按鈕和點擊次數) 必須使用 D-Pad 存取,而非觸控。

Android TV 不提供網頁瀏覽器。廣告不得嘗試啟動網路瀏覽器,或重新導向至未經核准在 Android TV 裝置上顯示的 Google Play 商店內容。