大螢幕使用入門

憑藉大螢幕拓展應用程式開發商機。平板電腦、折疊式裝置和 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 元素的格式。限制在小螢幕上完整寬度的按鈕、資訊卡和文字欄位寬度,在大型螢幕上正常運作。別讓對話方塊和其他互動視窗佔滿畫面。讓內容選單和其他元素相關的彈出式視窗顯示在使用者選取的元素附近,而不要讓這些內容處於畫面中央。

請參閱質感設計中的元件,包括按鈕文字欄位選單對話方塊

存取便利性

最佳化應用程式的無障礙功能 (a11y),例如 Tab 鍵和方向鍵導覽功能。提供常用操作的鍵盤快速鍵,例如選取、複製、剪下、貼上。讓鍵盤可以控制媒體播放,例如讓空白鍵可以播放和暫停媒體,或讓 Enter 鍵可以在通訊應用程式中傳送訊息。

請參閱「打造無障礙程度更高的應用程式」。

加強外部輸入裝置支援

經過大螢幕最佳化後,應用程式可以更妥善支援鍵盤、滑鼠和觸控板輸入功能。可以透過滑鼠和觸控板的右鍵行為存取選項選單。可使用滑鼠滾輪和觸控板的雙指撥動手勢縮放應用程式內容。UI 元素設有懸停狀態。

大螢幕差異化

經過大螢幕差異化的應用程式,能夠在應用程式商店各種競爭對手之中脫穎而出。差異化的應用程式可以提供小螢幕無法媲美的使用者體驗。

多工處理

大螢幕有助於多工處理。多視窗模式讓使用者可以多工處理,不過子母畫面和多實體等特殊顯示模式也能達到相同效果。

子母畫面模式

如果您的應用程式播放影片內容,請採用子母畫面模式,讓應用程式能在使用者與其他應用程式互動時繼續播放影片。

請參閱「子母畫面 (PiP) 支援」。

多實體模式

讓應用程式可以同時執行兩個以上的執行個體,讓文件編輯或內容管理員等人士更能使用應用程式提高工作效率。

請參閱「多視窗模式支援」中的「多實體」。

折疊式裝置

大螢幕折疊裝置就像手機和平板電腦一樣。桌面型態或書本型態等折疊功能,可帶來新的使用者體驗可能性。支援折疊式裝置獨有的功能,讓您的應用程式脫穎而出。

請參閱以下資訊:

拖曳

大螢幕非常適合使用拖曳互動功能,您可以在應用程式內使用拖曳,若是 Android 7.0 (API 級別 24) 以上的版本,還可在多視窗模式下拖曳到其他應用程式內。

在應用程式中加入拖曳功能,提高使用者的工作效率和互動程度。

請參閱「拖曳」一文。

差別化外部輸入裝置支援

為外部輸入裝置提供類似於電腦的支援。建立完整並可讓使用者自訂的鍵盤快速鍵。支援鍵盤加滑鼠或鍵盤加觸控板的操作方式,例如 Ctrl+點選/Ctrl+輕觸和 Shift+點選/Shift+輕觸,藉此提供更多功能。

使用者使用滑鼠或觸控板捲動內容時,會顯示捲軸。在滑鼠或觸控板懸停時顯示隱藏的內容元素,例如飛出式選單或工具提示。加入電腦式的選單和內容選單。讓 UI 面板可以使用滑鼠或觸控板調整大小。允許滑鼠多次點擊,以及觸控板多次輕觸。

觸控筆

最高層級的應用程式可以支援備有觸控筆的大螢幕裝置。觸控筆可讓使用者繪圖、寫入、清除、拖曳及執行各種其他觸控和手勢互動。

加強觸控筆支援的方式有感壓、傾斜偵測、拒絕手掌與手指 (讓系統不會處理不小心碰到的情況)。

完整支援觸控筆輸入可以在高級裝置上提供出色的使用者體驗。

請參閱「大螢幕的輸入相容性」的「觸控筆」。

後續步驟

請參閱大螢幕應用程式品質指南,瞭解如何著手建構適合大螢幕體驗、最佳化或與眾不同的應用程式。

其他資源

影片集合: