憑藉大螢幕拓展應用程式開發商機。平板電腦、折疊式裝置和 ChromeOS 裝置的大螢幕可以大方展示內容,進行多工處理,呈現小螢幕無法實現的使用者介面。
有關大螢幕開發的初步資訊,請參閱「大螢幕應用程式品質指南」。這份指南完整說明了應遵守的必要條件,旨在幫助您設計最適合大螢幕使用的應用程式。
品質指南內容分為三個層級:可供大螢幕使用、大螢幕最佳化,以及大螢幕差異化。您可以按照層級逐步為應用程式加入大螢幕功能,首先先從可供大螢幕使用開始。如果您目前已經有應用程式,請使用品質指南測試,判斷應用程式目前支援的階層,然後按階層實作功能,直到應用程式已針對大螢幕實現獨特差異化為止。
可供大螢幕使用
如果使用者可以透過大螢幕裝置存取所有應用程式功能,即表示您的應用程式可供大螢幕使用。應用程式必須支援直向和橫向顯示,以及多視窗模式,但是應用程式版面配置和使用者介面可能不是最佳設定。
設定和連貫性
設定變更 (例如裝置旋轉、多視窗模式中的視窗大小變更,以及闔上/展開折疊式裝置) 可能會造成使用者遺失內容,甚至可能導致資料遺失。
請確保應用程式可在設定變更時保留狀態,且能還原狀態繼續進行程序 (如播放媒體)。
詳情請參閱以下的開發人員指南:
多視窗模式
大螢幕環境的多視窗模式用起來更方便,增加使用者工作效率。請確認應用程式能使用多視窗模式,透過分割畫面模式或任意形式模式和其他應用程式一起執行。
當應用程式處於多視窗模式時,請透過 WindowMetrics
API 精準判斷應用程式視窗的大小。
請參閱「多視窗模式支援」一文。
多視窗運作
在 Android 10 (API 級別 29) 以上版本中,當裝置處於多視窗模式時,非顯示的活動都會維持在 RESUMED
狀態。在 Android 10 之前,非顯示的活動會保持為 STARTED
狀態,而非 RESUMED
狀態。
確保應用程式支援多視窗運作,在應用程式並非顯示中應用程式時繼續進行處理,例如播放媒體或下載檔案。應用程式也必須能夠處理專屬資源遺失,例如裝置相機和麥克風。
相機預覽
如果您的應用程式包含相機預覽,請在大螢幕上查看預覽畫面,檢查螢幕顯示方向和長寬比。大螢幕折疊式裝置可能會在直向模式下使用橫向的顯示比例,而多視窗模式則可在裝置橫向時以直向顯示應用程式。
請參閱以下資訊:
媒體投影
媒體投影會根據實際 (來源) 螢幕的邊界建立虛擬螢幕。實際螢幕是指整個裝置螢幕,即使裝置處於多視窗模式,且建立媒體投影的應用程式正在視窗中執行也一樣。
如要取得大螢幕媒體投影的正確範圍,請使用 Android 11 (API 級別 30) 中導入的 WindowMetrics
API,或可回溯相容至 API 級別 14 的 Jetpack WindowManager WindowMetrics
API。
請參閱「大型螢幕的媒體投影功能」。
外部輸入裝置的基本支援
使用者通常會將外接鍵盤或滑鼠連接至平板電腦。Chromebook 有內建鍵盤和觸控板。讓應用程式可以處理以下幾種鍵盤、滑鼠、觸控板操作,藉此支援外部輸入裝置:
- 選取按鈕、輸入欄位,以及導覽圖示
- 選取選單項目、圓形按鈕、核取方塊和文字
- 在清單等捲動式元素內直向或橫向捲動
請參閱「大螢幕的輸入相容性」。
大螢幕最佳化
應用程式在針對大螢幕最佳化後,可以帶來有助提升工作效率和參與度的沉浸式使用者體驗,讓使用者喜歡在大螢幕裝置上使用您的應用程式。
回應式/自動調整版面配置
為了支援各種大小的螢幕,請設計回應式/自動調整版面配置,在各種裝置上提供最佳的使用者體驗。
請先詳閱下列文章:
視窗大小類別
視窗大小類別是一組固定的可視區域中斷點,可幫助您導入回應式/自動調整設計。您可以使用視窗大小類別,將應用程式適用的顯示區域分為精簡、中等或展開三類,然後再套用最佳化版面配置。
自動調整應用程式導覽
雖然底部導覽列在小螢幕上的效果不錯,但在大螢幕上,請考慮使用更能充分利用螢幕空間的導覽邊欄/導覽匣。建議您配合螢幕大小調整應用程式導覽。
請參閱 Material Design「套用版面配置」一文。
回應式 UI 元素
請根據螢幕大小調整 UI 元素格式。對於會占據小螢幕整個寬度的按鈕、卡片,以及文字欄位,請限制這些元素的寬度,使其在大螢幕上擁有能讓功能正常運作的合適大小。記得千萬別讓對話方塊和其他互動視窗占滿整個畫面。請確保內容選單和其他與元素相關的彈出式視窗顯示在使用者選取的元素附近,而不要將這些內容置於畫面中央。
請參閱 Material Design 的「元件」部分,包括「按鈕」、「文字欄位」、「選單」和「對話方塊」。
無障礙功能
最佳化應用程式的無障礙功能 (a11y),例如 Tab 鍵和方向鍵導覽功能。提供常用操作的鍵盤快速鍵,例如選取、複製、剪下、貼上。讓鍵盤可以控制媒體播放,例如讓空白鍵可以播放和暫停媒體,或讓 Enter 鍵可以在通訊應用程式中傳送訊息。
請參閱這裡的說明,瞭解如何打造更符合無障礙需求的應用程式。
外部輸入裝置的進階支援
經過大螢幕最佳化後,應用程式可以更妥善支援鍵盤、滑鼠和觸控板輸入功能。除了可在滑鼠和觸控板上按右鍵存取選項選單外,也可透過滑鼠滾輪和在觸控板上使用雙指撥動手勢縮放應用程式內容。UI 元素設有懸停狀態。
大螢幕差異化
經過大螢幕差異化的應用程式,能夠在應用程式商店眾多產品中脫穎而出。差異化的應用程式可以提供小螢幕無法媲美的使用者體驗。
多工處理
大螢幕有助於多工處理。多視窗模式讓使用者可以同時處理多項工作,不過子母畫面和多實體等特殊顯示模式也能達到相同效果。
子母畫面模式
如果您的應用程式會播放影片內容,請採用子母畫面模式,讓應用程式能在使用者與其他應用程式互動時繼續播放影片。
請參閱「子母畫面 (PiP) 支援」。
多實體模式
您可以讓應用程式有兩個以上的實體同時執行,提高文件編輯器或內容管理工具這類應用程式的工作效率。
折疊式裝置
大螢幕折疊裝置就像手機和平板電腦一樣。桌面型態或書本型態等折疊功能,可帶來新的使用者體驗。支援折疊式裝置獨有的功能,可讓您的應用程式脫穎而出。
請參閱以下資訊:
拖曳
拖曳互動功能非常適合大螢幕使用,您可以在應用程式內支援拖曳操作,若是 Android 7.0 (API 級別 24) 以上版本,還可在多視窗模式下支援拖曳物件到其他應用程式內。
在應用程式中加入拖曳功能,可提高使用者的工作效率和參與度。
請參閱「拖曳」一文。
帶來差異化的外部輸入裝置支援
建議您為外部輸入裝置提供類似於電腦的支援,建立完整並可讓使用者自訂的鍵盤快速鍵。支援鍵盤加滑鼠或鍵盤加觸控板的操作方式,例如 Ctrl+點選/Ctrl+輕觸和 Shift+點選/Shift+輕觸,藉此提供更多功能。
使用者使用滑鼠或觸控板捲動內容時,會顯示捲軸。在滑鼠或觸控板懸停時顯示隱藏的內容元素,例如飛出式選單或工具提示。您可以加入電腦式的選單和內容選單,讓 UI 面板可以使用滑鼠或觸控板調整大小。允許滑鼠多次點擊,以及觸控板多次輕觸。
觸控筆
最高層級的應用程式可以支援備有觸控筆的大螢幕裝置。觸控筆可讓使用者繪圖、寫入、清除、拖曳及執行各種其他觸控和手勢互動。
加強觸控筆支援的方式有感壓、傾斜偵測、拒絕手掌與手指 (讓系統不會處理不小心碰到的情況)。
完整支援觸控筆輸入功能,可在高端裝置上提供出色的使用者體驗。
後續步驟
請參閱大螢幕應用程式品質指南,瞭解如何著手建構適合大螢幕體驗、最佳化或與眾不同的應用程式。
其他資源
影片集錦: