
作者 / 工程副總裁 Dave Burke
目前,超過 2.5 億台大屏幕設備搭載了 Android 系統,其中包括平板電腦、可摺疊設備和 ChromeOS 設備。僅在過去的 12 個月裡,就有近 1 億台新的 Android 平板電腦被激活,同比增長 20%;而 ChromeOS 的增長率為 92%,是目前增長最快的桌面設備平台。可摺疊設備正在崛起,同比增長超過 265%!總的來說,目前有超過 2.5 億台活躍的大屏幕設備搭載了 Android 系統。在這樣的勢頭下,我們將繼續努力讓 Android 成為更好的操作系統,為用戶和開發者提供更優質的服務。
Android 開發者峰會https://developer.android.google.cn/events/dev-summit/

Android 12L 預覽:適用於大屏幕的功能更新
Android 12L 開發者預覽版
https://developer.android.google.cn/about/versions/12/12L

我們還帶來了更加強大和直觀的多任務處理: Android 12L 在大屏幕設備上添加了一個新的任務欄,用戶可以隨時切換到喜愛的應用。新任務欄也讓分屏模式更加容易實現:只需在任務欄中拖放,即可以分屏模式運行應用。為了在 Android 12 及之後的版本中打造更好的分屏模式體驗,我們正在協助用戶,讓所有應用在啟動後自動進入分屏模式,無論這些應用是否聲明為可調整大小。

最後,我們對兼容模式的視覺效果和穩定性方面進行了改進,為用戶提供更好的寬屏顯示,並優化了應用在默認情況下的顯示。設備製造商可以輕鬆地自定義寬屏顯示的顏色或處理方案、調整邊襯區窗口的位置、應用自定義圓角等。
下載 12L Android 模擬器https://developer.android.google.cn/about/versions/12/12L/get
功能和變更https://developer.android.google.cn/about/versions/12/12L/summary
預覽版概覽https://developer.android.google.cn/about/versions/12/12L/overview
提出問題和需求https://developer.android.google.cn/about/versions/12/12L/feedback
https://developer.android.google.cn/about/versions/12/12L

更輕鬆地針對大屏幕設備進行構建
設計過程中始終考慮大屏幕模式

△ Material Design 指南中的自適應 UI 模式
利用新的導航組件構建響應式 UI
為了向用戶提供最佳的導航體驗,您應該提供針對用戶設備窗口尺寸類量身定製的導航界面。推薦的導航模式包括適用於緊湊屏幕的導航欄,以及適用於中等屏幕寬度的設備類和更大屏幕設備 (600dp 以上) 的導航欄。對於屏幕更寬的設備,我們新發布的 Material Design 指南中提出了幾個有關大屏幕布局的方案,例如可以使用 SlidingPaneLayout 來實現列表/細節結構。您可以查看指南,了解如何在 View 和 Compose 中實現響應式 UI 導航。
緊湊屏幕的導航欄http://m3.material.io/components/navigation-bar/overview
中等屏幕寬度的設備類和更大屏幕設備的導航欄https://m3.material.io/components/navigation-rail/overview
Material Design 指南https://m3.material.io/foundations/adaptive-design/foldables/compositions
Viewhttps://developer.android.google.cn/guide/topics/large-screens/navigation-for-responsive-uis
Composehttps://developer.android.google.cn/jetpack/compose/nav-adaptive
Activity embedding APIhttps://developer.android.google.cn/guide/topics/large-screens/activity-embedding
使用 Compose 更加輕鬆地適應屏幕的變化
通過 Jetpack Compose 可以更加輕鬆地針對大屏幕和多樣化布局進行構建。如果您準備採用 Compose,這也是針對大屏幕進行優化的最佳時機。
Compose 是一個聲明式 UI 工具包;所有的 UI 都是用代碼描述的,而且該工具包可以輕易地在運行時確定 UI 應該如何適應可用的尺寸。因此,Compose 特別適合用於開發自適應 UI,因為其能夠輕鬆地處理不同屏幕尺寸或組件的 UI 變化。查看在 Compose 中構建自適應布局指南,了解您需要知道的基本內容:
https://developer.android.google.cn/jetpack/compose/layouts/adaptive
使用 WindowManager API 構建響應式 UI
Activity embedding 幫助您利用大屏幕的額外顯示區域,一次顯示多個 Activity,例如拆分視圖 (List-Detail) 模式,而且幾乎不需要對應用進行重構。您可以創建一個 XML 配置文件或調用 Jetpack WindowManager API,以此來決定應用通過並排還是堆疊的方式顯示其 Activity。系統會處理其他事項,並根據您創建的配置來確定展示方式。
Activity embedding 可以在可摺疊設備上流暢運行,隨着設備的摺疊和展開輕鬆地堆疊和分開 Activity。如果您的應用使用多個 Activity,則 Activity embedding 可以改善您使用大屏幕設備時的體驗。在 Jetpack WindowManager 1.0 Beta 03 及更高版本中試用 Activity embedding API。您可以訪問官方文檔,了解詳情:
https://developer.android.google.cn/guide/topics/large-screens/activity-embedding

△Jetpack WindowManager 中的 Activity embedding
使用窗口尺寸類來幫助檢測您窗口的尺寸

△ Jetpack WindowManager 中的窗口尺寸類
讓應用能夠感知摺疊

在 Android Studio 中構建並測試適用於大屏幕的應用
參考設備

△ 參考設備定義
布局驗證
在調整大屏幕 UI 時,如果您不確定從哪裡開始入手,您可以首先使用新的工具來發現可能會對大屏幕設備造成影響的潛在問題。我們正在 Android Studio Chipmunk 中開發一個新的可視化的 lint 工具,用於在布局驗證中主動顯示 UI 提醒和建議,包括哪些參考設備會受到影響。

△ 參考設備類中的布局驗證工具
Android Studio Chipmunkhttps://developer.android.google.cn/studio/preview
可調整尺寸的模擬器

△ 可調整尺寸的 Android 模擬器
Android Studio Chipmunkhttps://developer.android.google.cn/studio/preview

Google Play 針對大屏幕設備的更新
為了在用戶使用平板電腦、可摺疊設備和 ChromeOS 設備時為其提供更好的應用體驗,我們正在對 Google Play 進行更新,以突出顯示那些已針對用戶設備進行優化的應用。
我們增加了新的檢查項,並根據我們的大屏幕應用質量指南評估各個應用的質量,以確保我們能在這些設備上突出顯示最為合適的應用。對於未針對大屏幕進行優化的應用,我們將開始在應用的 Play 商店列表頁上發送通知來提醒大屏幕設備用戶。
大屏幕應用質量指南https://developer.android.google.cn/docs/quality-guidelines/large-screens-app-quality
正如今年早些時候宣布的計劃,我們還將引入大屏幕設備特定的應用評分功能,讓用戶能夠對您的應用在大屏幕設備上的運行情況進行評分。這些變更即將在明年實現,因此我們提前通知您,以便您能為應用做好準備工作!
此外,您也可以閱讀這篇文章,了解我們如何用更好的業務模式滿足開發者們的需求。

更多詳情
為了幫助您針對大屏幕和可摺疊設備進行構建,無論您使用的是 View 還是 Compose,我們都會為您提供幫助!我們即將推出全新的指南,為您說明如何在全新和現有的應用中支持不同的屏幕尺寸、如何為 View 和 Compose 實現導航、如何利用可摺疊設備的優勢等內容。您可以參閱大屏幕指南,了解對 View 的支持和 Compose 指南:
https://developer.android.google.cn/guide/topics/ui/responsive-layout-overview
Google I/O Android 應用
https://github.com/google/iosched
Trackr
https://github.com/android/trackr
Jetnews
https://github.com/android/compose-samples/tree/main/JetNews
Jetcaster (支持桌面設備)
https://github.com/android/compose-samples/tree/main/Jetcaster
推薦閱讀
點擊屏末|閱讀原文|即刻下載 12L Android 模擬器