可摺疊設備、平板設備和大屏設備更新一覽

做者 / Oscar Wahltinez, Developer Relations Engineer, Googlehtml

用戶們正在看到大屏幕的更多價值,也正在發現用一個設備作更多事情好處多多。專爲大屏幕設計的應用無疑可以爲用戶提供更多助力。android

https://www.bilibili.com/vide...ios

△ 可摺疊設備,平板電腦和大屏幕更新一覽git

可摺疊的屏幕也爲大型設備提供了更好的人機工程學效果。摺疊後,您能夠把本來和平板電腦通常大的屏幕放進口袋裏,這是以往的便攜設備沒法作到的。考慮到咱們的應用生態系統,咱們對此表示很是振奮,硬件的變遷正在讓人們對手持設備抱有更多的期待。咱們看到,用戶對大屏幕的需求也延伸到了平板電腦,鑑於二者相似的應用體驗,平板電腦的受歡迎程度如今也已經大幅增長。github

△ 技術上的突破以及人們對人體工程學需求的變化致使了設備形態的變遷

△ 技術上的突破以及人們對人體工程學需求的變化致使了設備形態的變遷編程

本文將帶您瞭解應該如何爲大屏幕設備作好準備,以及咱們最近的更新將會如何簡化應用開發流程。但首先,讓咱們來談談大屏幕自己,以及爲何您應該爲大屏幕專門優化您的應用。瀏覽器

爲何要支持大屏設備

△ 可摺疊設備的用法有不少,這裏只是其中一部分

△ 可摺疊設備的用法有不少,這裏只是其中一部分app

在過去的一年裏,設備製造商們發佈了大批使人興奮的全新可摺疊設備和平板設備。用戶能用這些設備作的事情比以往任什麼時候候都多,相關需求也隨之增長。現在,經過 Android 大屏設備,開發者們能夠覆蓋超過 2.5 億臺活躍的可摺疊設備、平板電腦和 Chromebook。2020 年,平板電腦設備的銷售量增加了 16%。分析師預計,到 2023 年市面上將有超過 4 億臺 Android 平板電腦。另外,可摺疊設備也正在從新定義高端設備。Android 應用也能夠在 Chrome OS 上運行,而 Chrome OS 如今是世界第二大桌面操做系統ide

爲大屏設備作好準備

更大的屏幕正在改變用戶與設備互動的方式。您能夠一邊看筆記一邊編輯幻燈片,一邊規劃晚上的出行計劃一邊查看餐廳推薦,或者在和朋友聊天時觀看視頻。讓咱們來談談基礎支持,也就是讓應用 "大屏幕就緒" 必須支持的功能。談到大屏幕就緒,有三個重點課題:佈局

  • 爲大屏幕設計
  • 多任務
  • 輸入模式

下面讓咱們逐一展開介紹。不過本文依然只是大概的討論,請您務必查看 大屏幕應用質量指南 進一步瞭解這方面的細節知識。

爲大屏幕設計

第一步是確保您的應用是爲大屏幕設計的。爲了簡化這個過程,咱們已經定義了具體的窗口尺寸斷點和設備類別,以便您進行優化。若是顯示設備的最短尺寸大於 600dp,請爲應用添加平板電腦佈局,並確保應用實現 邊到邊 (edge-to-edge) 全屏體驗。開發者還應該讓應用支持縱向和橫向模式,由於更大的屏幕更可能在橫向模式下使用。稍後咱們會介紹 Material 自適應組件,來幫助您更好地利用更大的屏幕空間。

△ 因爲可摺疊和大屏設備的窗口尺寸是可變的,使用自適應佈局比根據屏幕尺寸分割體驗效果更好

△ 因爲可摺疊和大屏設備的窗口尺寸是可變的,使用自適應佈局比根據屏幕尺寸分割體驗效果更好

多任務處理

在大屏設備上,用戶會默認期待應用支持分屏 (或多窗口模式) 和拖放等互動模式。您的應用應該容許調整窗口大小,來無縫地支持多任務。請正確處理摺疊和展開事件,並讓您的應用支持多窗口模式,避免應用窗口區域內出現黑邊。

△ 在大屏幕布局中,拖放 是一種天然的交互,即便是在同一個應用中也是如此

△ 經過使用多實例功能,用戶能夠並排運行應用的多個副本。用戶能夠並排比較兩個產品,在寫文檔時參考筆記,或者在規劃事件時保持日曆可見

輸入模式

因爲許多人使用大屏幕來提升生產力,平板電腦應該支持基本的鍵盤、鼠標和手寫筆輸入。

△ 在 Chrome OS 設備上使用 Android 應用的用戶一般會配置實體鍵盤;應用應該支持標準的鍵盤導航和快捷鍵,以提供更全面的無障礙使用體驗

組件更新

咱們更新了 Jetpack 和 Material Design 庫中的許多 UI 組件,以幫助您構建靈活的用戶體驗,並將手機 UI 擴展到更大的屏幕。

SlidingPaneLayout

爲大屏幕優化應用時,最多見的自適應佈局之一即是列表-細節 UI。好比短信應用在一邊顯示信息列表,另外一邊顯示信息細節。

△ SlidingPaneLayout 會自動適應配置的變化,在不一樣的佈局尺寸下提供良好的用戶體驗

△ SlidingPaneLayout 會自動適應配置的變化,在不一樣的佈局尺寸下提供良好的用戶體驗

在較小的屏幕上不得不堆疊起來的 UI,在大屏幕上則能夠輕鬆實現並排佈局。爲此,您可使用更新的 SlidingPaneLayout 庫。這個庫現在支持雙窗格佈局,SlidingPaneLayout 會使用兩個窗格的寬度來決定如何佈局 UI。具體作法是根據內容的寬度和可用空間,自動肯定是否能夠進行並排佈局。例如,若是列表窗格的最小寬度爲 200dp,而細節窗格須要 400dp,那麼當窗口總寬度在 600dp 或以上時,SlidingPaneLayout 會自動將兩個窗格並排顯示。

△ SlidingPaneLayout 在咱們的示例應用 IOSched 中使用的狀況

咱們已經更新了該庫,以識別和適應 摺疊和鉸鏈。若是您使用的是帶鉸鏈的設備,而且鉸鏈擋住了部分屏幕,它將自動把內容放置在鉸鏈兩邊。

咱們還引入了鎖定模式,容許您控制窗格重疊時的滑動操做 (也支持編程切換)。例如,爲了防止用戶划進一個空窗格,您可能會讓用戶必須點擊一個列表項來加載該窗格的信息,但容許用戶經過划動返回列表。而在可摺疊設備或平板電腦上,若是有空間並排顯示兩個視圖,鎖定模式會被忽略。

NavRail

垂直導航欄 在功能上等同於底部導航,並在大屏幕上提供了更符合人體工程學的導航體驗。當您擴展用戶界面到大屏幕上時,使用 NavRail 會更利於手指點擊,由於用戶一般會握住大屏幕的兩邊。而在手機上,用戶則可能會握住設備的底部。

△ NavRail 會根據配置的變化自動改變導航菜單的位置

△ NavRail 會根據配置的變化自動改變導航菜單的位置

若是您的應用很強調垂直滾動,那使用 NavRail 就很是合適。由於在這種狀況下,使用底部導航欄會形成遮擋,從而減小可見內容的數量,特別是當平板設備橫向使用時。

其餘組件

咱們還對其餘多個組件進行了更新。當應用適配到更大的屏幕時,最大的一個隱患就是 UI 被拉伸到整個屏幕的邊緣。爲了防止這種狀況出現,咱們爲某些常常發生這種狀況的 Material 組件添加了默認最大寬度值,包括:

  • Buttons (按鈕)
  • TextFields (文本框)
  • Sheets (表單)

咱們將來會將更多的組件添加至上述列表中。這些變動經過提供恰到好處的默認尺寸,讓您的應用在大屏設備上看起來更棒。您能夠在 Material Design 設計指南 中找到更多關於組件尺寸限制的信息。

△ 大多數 UI 元素應該具有最大寬度值

△ 大多數 UI 元素應該具有最大寬度值

WindowManager Jetpack 庫

除了更新組件以幫助您擴展 UI 外,咱們還提供了 WindowManager Jetpack 庫 來幫助您在大屏幕設備上構建更好的體驗。這個庫現已發佈 alpha 版本,它提供了一套通用的 API 界面,以支持不一樣的設備類型,包括摺疊設備和平板電腦。

您可使用 WindowManager 來查看顯示屏特性,如摺疊或鉸鏈。它還會提供這些特性如何影響應用的信息,方便您建立最佳體驗。好比,當用戶一邊觀看視頻一邊把設備摺疊成桌面模式時,您能夠對可摺疊設備的狀態變化作出響應。

△ 應用應該無縫地適應愈來愈多的設備配置

△ 應用應該無縫地適應愈來愈多的設備配置

WindowManager 還提供了幾個便捷的方法,以向後兼容 (從 API 級別 14 開始) 的方式檢索當前和最大的 WindowMetrics 信息。

平臺變化

顯示 API 的廢棄

您的應用須要肯定屏幕或顯示尺寸,以便爲每一個設備適當地渲染內容。隨着 WindowMetrics API 的引入,一些與顯示尺寸有關的方法已經被廢棄。您應該使用 Window Manager Jetpack 庫 做爲向後兼容的替代方法。

獨佔資源

Android 10 提供了同時恢復多個應用的功能,並設有單一的 "頂層恢復" 應用。大多數應用無需更新便可受益於這一變動。最明顯的例外則是當您的應用使用了獨佔資源,如麥克風或攝像頭的時候。這方面的更多細節請參閱咱們 以前的博文

案例分享

爲大屏幕優化應用不只能夠改善用戶體驗,還能夠收穫商業成果。咱們在 Google Play 上看到愈來愈多的應用正在把握大屏幕帶來的機遇。例如,Google Duo 實現了對平板電腦和可摺疊設備的支持,以提高用戶體驗,在這以後其應用評分和用戶粘性均有增長。

△ Google Duo 針對可摺疊設備優化體驗

△ Google Duo 針對可摺疊設備優化體驗

除了 Google Duo 以外,咱們還對許多其餘應用進行了現代化改造,以使其支持自適應佈局,從而活用大屏幕和可摺疊設備的優點:

  • Chrome 瀏覽器爲大屏幕改進標籤頁導航;
  • YouTube 從新設計了用戶界面,以提升在可摺疊設備上的可用性;
  • Google Photos 在大屏幕上會顯示更多的界面元素,如搜索欄;
  • Google Calendar 在大屏幕上提供了更符合人體工程學的用戶界面。

瞭解更多

要了解更多關於可摺疊設備和大屏幕設備的信息,請參考如下資源:

您對產品的反饋及問題對咱們很是重要,歡迎經過下方二維碼向咱們提交反饋。您的問題有可能出如今下一期的 FAQ 中並得到解答。感謝您的支持!

相關文章
相關標籤/搜索