近期，我們發布了一系列關于在折疊設備和大屏幕設備上構建應用的式打文章:

折疊屏上應用設計規范，了解一下？開發開：https://zhuanlan.zhihu.com/p/465050225/edit是時候為各式設備適配完善的輸入支持了：https://zhuanlan.zhihu.com/p/458366880Android 與 Chrome OS 中針對大屏幕設備的更新：https://zhuanlan.zhihu.com/p/457282080

我們在后臺和社區等各渠道收到了很多來自開發者們的反饋，也把一些開發者們常見的式打問題進行了簡單的收集和梳理，整理成這一篇關于為折疊屏和大屏幕設備構建應用的開發開常見問題和解答，如果您在構建過程中有任何其他的式打問題，歡迎通過留言的開發開方式讓我們知道。

問: 在大屏幕這一細分市場中，式打存在哪些新的開發開機會、新的式打產品和使用場景呢？

答: 根據國際數據公司 (IDC) 的報告，2020 年新增激活的開發開 Android 平板設備約有 1 億臺，這個數字是式打驚人的。與此同時，開發開如今激活的式打搭載 Android 系統的大屏幕設備總量已超過 2.5 億臺，這是開發開個龐大的市場，當然就存在巨大的機會。如今隨著可折疊屏幕使用量的增加，圍繞折疊設備進行的開發方式更加多樣，將應用延伸至手機之外的機會也就隨之增加了。

例如 LumaFusion 這款產品，在進入教育市場時，Chromebook 起到了至關重要的作用。因為用戶在編輯視頻時需要在屏幕上進行大量的操作，更大尺寸的屏幕為用戶帶來了更多的屏幕使用空間。簡而言之，在大屏幕上使用該產品是最理想的使用場景。

從設計角度來講，可折疊設備將應用從常規手機屏幕轉換到更大尺寸的屏幕，這為設計師帶來了更多發揮的機會，這確實是一個引入不同功能、展示各種元素的好機會，這并非意味著要用更多內容來塞滿更大的屏幕空間，屏幕更大通常意味著為用戶提供更身臨其境的體驗。另外也大大增加了多任務處理的機會，用戶可以利用多窗口模式同時執行多項任務，那么我們就有新的機會來考慮，比如，多個應用在彼此相鄰時的形態、交互、狀態切換等，這些都是不錯的切入點。

問: 開發者針對于大屏幕應進行哪些優化，需要考慮哪些問題？

答: 首先是思維的轉變，過去為直板手機開發應用，如今要切換到為形狀各異且尺寸不一的設備開發應用，開發者需要轉變思維來考慮界面如何在各種尺寸的設備上運行，因為大屏設備的市場重要性已經毋庸置疑了。

數據顯示，因為更大的屏幕空間，可折疊設備的多任務處理量增加了 7 倍，開發者有必要平衡布局的簡單性與靈活性以優化應用，例如開發者在使用新的窗口尺寸類別和視口斷點時，如果要優化斷點的布局，可以將其視為 3 個基于寬度的斷點。此外開發者還需要考慮可折疊設備的形態，如高級布局支持等。

在多任務處理方面，大屏幕提供給用戶更多空間進行多項操作，如果用戶在折疊設備上使用應用，開發者要考慮優化的是當用戶展開設備時確保應用有良好的連續性、良好的界面顯示效果和外觀。手機以往通常是豎屏模式，當切換到大屏設備時，橫屏模式變得十分重要。為了更好適配大屏幕，先優化確保應用在橫屏模式下看起來不錯。如果您已經做到了這一點，那么接下來您應該確保應用能夠在多窗口模式下運行，并且應用的大小可動態調整。

在導航優化方面，以往在對直板手機豎屏模式的部分導航組件進行優化時，導航組件幾乎始終停靠在屏幕底部，在可折疊設備或更大的設備中情況就不同了，用戶實際上大多數時間是用雙手持握設備，這就意味著導航組件最好是放置在設備邊緣和側面，而不是底部。另外建議開發者在進行導航項優化時，要切實考慮帶狀效果。在豎屏中大堆組件或元素占據設備邊緣很合理，但在橫屏中，用戶大多數時間是雙手持握設備，橫跨兩個邊緣的元素就會占用大量空間且非常的顯眼，這會給用戶一種感覺——界面很笨拙，所以應盡量避免邊緣停靠，考慮用其它方式放置組件和元素。

如需了解更多詳情，請參閱:

為任意屏幕尺寸構建 Android 界面：https://zhuanlan.zhihu.com/p/456753578折疊屏上應用設計規范，了解一下？：https://zhuanlan.zhihu.com/p/465050225/MAD Skills 系列之導航組件系列文章：https://zhuanlan.zhihu.com/p/405298741支持不同的屏幕尺寸: https://developer.android.google.cn/guide/topics/large-screens/support-different-screen-sizes

問: 對開發者而言，如何用最簡單的方法在各種尺寸的屏幕上優化應用界面？

答: 有多種解決方案可供選擇，具體取決于您應用當前實際情況和未來計劃。例如，您現在有一款基于很多 Activity 的應用，則可借助在 12L 功能中提供的 Activity 嵌入 (Activity Embedding)，將多個 Activity 同時并排顯示。這是一個很好的方法，無需重寫所有布局代碼和整個應用即可優化應用界面。

如果您正在考慮重寫部分界面或整個應用，那么 Jetpack Compose 也是很好的選擇之一。初期可以借助 Jetpack Compose 更輕松地構建自適應的界面，在未來的開發周期中可以更輕松地進行維護和執行其他類似操作。除此以外，還可以使用兼容模式，但兼容模式并不能為用戶提供理想體驗。所以強烈建議您優先選擇使用 Jetpack Compose。

如需了解更多輕松優化應用的指南，請參閱:

Android 與 Chrome OS 中針對大屏幕設備的更新：https://zhuanlan.zhihu.com/p/457282080Material 網站：https://material.io借助 Jetpack WindowManager 支持可折疊設備和雙屏設備：https://developer.android.google.cn/codelabs/android-window-manager-dual-screen-foldables

問: 對開發者而言，應該在平板電腦或可折疊設備上使用底部導航嗎？

答: 從設計角度來講，我們建議將底部導航組件更換為 Navigation Rail，它具有和底部導航組件類似的功能，內含多個主要的 導航目的地。我們認為將導航組件放在側邊更易于使用，尤其是對于那些在應用內頻繁通過導航欄切換界面的用戶來說。二級導航也很重要，在移動設備中您可以使用標簽頁 (Tab) 或分段按鈕 (Segmented Button) 等來實現二級導航，這些方法同樣適用于可折疊設備，因此可以把它們與 Navigation Rail 結合起來使用。

從實現角度來講，您可以通過多種方案實現，例如使用 View 或使用 Compose。對于基于 View 的應用，您可以使用資源限定布局，通過底部導航——如底部應用欄 (App Bar) 或底部導航菜單 (Navigation Menu)——形成窄小的布局，也可以使用 Navigation Rail 來打造更寬的布局。根據我們提供的 窗口尺寸類別 和指南，對于較小的布局，推薦使用底部導航菜單，對于中等和更大的展開布局，建議您考慮使用 Navigation Rail，因為使用這類設備的用戶更多會使用雙手而不是單手來操作設備。

如需了解更多，請參閱:

Navigation 組件使用入門：https://developer.android.google.cn/guide/navigation/navigation-getting-started

問: 為大屏幕構建應用的時候，平板和桌面設備這兩種類型有哪些需要注意的？類似 Chromebook Duet 這種可拆卸平板電腦有哪些需要注意的？

答: 從不同屏幕尺寸的角度來說，平板設備需要考慮的是橫屏模式下的中等高度 (Medium height) 和展開寬度 (Expanded width)，斷點分別是 480dp+ 和 840dp+，桌面設備需要考慮展開高度 (Expanded height) 和展開寬度 (Expanded width)，斷點分別是 900dp+ 和 840dp+，更多屏幕尺寸相關的大小可以參考下面的表:

與此同時，當考慮到可拆卸設備時，另外需要考慮的一個問題將會是對設備輸入的支持，可拆卸設備意味著它可以連接其他輸入設備，比如鍵盤、觸控筆、鼠標等，因此您還應該進一步考慮優化對輸入設備的支持，您可以通過我們近期的文章《是時候為各式設備適配完善的輸入支持了》了解更多。

布局和輸入都很重要，尤其是當您開始考慮更大屏幕的設備時，如需創建適合不同屏幕尺寸的 自適應布局，最好的方法是將 ConstraintLayout 用作界面中的基本布局。使用 ConstraintLayout，您可以根據布局中視圖之間的空間關系指定每個視圖的位置和大小。這樣一來，當屏幕尺寸改變時，所有視圖都可以一起移動和拉伸。雖然 ConstraintLayout 并不能應對所有布局場景，但無論您使用何種布局，都應該始終避免對布局大小進行硬編碼。

如需了解更多，請參閱:

窗口尺寸類別：https://developer.android.google.cn/guide/topics/large-screens/support-different-screen-sizes#window_size_classes

問: 對開發者而言該如何適配可折疊設備的折疊形態，比如桌面模式？

答: 借助這個問題，我們想首先提一下可折疊設備的多種形態，它們分別是完全折疊形態、半折疊形態和完全展開形態。當設備處于半折疊形態的時候，設備還可能處于兩種折疊狀態，一種是桌面模式 (水平折疊邊)，類似把半折疊形態的手機放在桌子上；另一種是圖書模式 (垂直折疊邊)，類似把半折疊形態的手機拿在手上，像在看書一樣。設備處于半折疊形態的時候，靠近折疊邊的部分不容易進行點按，因此應避免在這個區域設計交互，不過這也是一個很好的課題，可以研究一下在這些遮擋區可以放置哪些有趣的元素。

提及折疊形態，需要注意組件的過渡，將會在更大設備更大屏上使用各種組件，尤其是在桌面模式，需要特別注意界面，例如，在該模式下，關鍵操作或大多數操作是在底部屏幕完成的，而大多數內容組件實際上會放在另一個屏幕上；在折疊的桌面模式下，用戶看起來像是在操作一部筆記本電腦，點觸屏幕，手機可能會出現不穩晃動；這種模式下攝像頭位置也可能會擋住后面的屏幕內容，雖然內容會被渲染，但因為被擋住而不可見。這些都是需要考慮的非常重要的事項，如何在不同折疊形態下操作起來符合人體工學設計。

如大家所知可折疊設備層出不窮，我們推出了 Jetpack WindowManager 庫，幫助開發者對應用做出調整，以充分利用可折疊設備為用戶提供全新的體驗。如需了解更多，請參閱文章《詳解 | 為可折疊設備構建響應式 UI》和 Codelab: 借助 Jetpack WindowManager 支持可折疊設備和雙屏設備，我們邀請各位開發者嘗試 WindowManager，同時希望您能向我們提供反饋以便我們進一步改進并盡快推出穩定版本。

如需了解更多，請參閱:

可折疊設備的折疊狀態：https://developer.android.google.cn/guide/topics/large-screens/learn-about-foldables#foldable_postures

問: 12L Activity Embedding 與其他構建大屏幕應用的方法相比有哪些利弊？如果從頭構建，首選哪個？

答: 如果您想從頭構建應用，強烈建議您優先考慮使用 Jetpack Compose。Jetpack Compose 是用于構建原生 Android 界面的工具包，可讓您更輕松地設計和構建應用的界面，更快地打造更出色的應用。

如果您的應用基于很多 Activity，您希望在大屏上更好地呈現，推薦您使用 Activity 嵌入 (Activity Embedding)。Activity Embedding 只是允許您并排顯示多個 Activity，不需重構應用架構，使用起來很簡單。如果您使用了 Fragment 或者有可能已經在一個 Activity 應用中使用了 Compose，那么請勿使用 Activity Embedding，此時我們建議您檢查所有應用的構建界面，具體實現方法請查看近期文章《為任意屏幕尺寸構建 Android 界面》。

問: 當開發者在 Chrome OS 上調整窗口尺寸時，如何將應用組件順暢轉換為新的尺寸？

答: 請關注 Material 的官方文檔，關于這個類型的問題未來我們可能會專門安排一個章節來說明。就目前來說，我們已經為 可折疊設備的動效 (Motion) 這個話題加入了一些指南文檔，因為在這些設備中會遇到大量的轉換場景，這些也適用于 Chrome OS。關于組件轉換有一個要點需要注意: 當用戶把自己的設備從一種狀態轉換到另一種狀態時，通常界面上必須至少保留一個元素以幫助他們確定元素位置或了解元素是否發生變更。

從技術實現來說，要手動實現這些轉換效果并在不同的設備形態下有著順暢的交互并非易事，您可以借助我們為 Android 打造的界面工具包 Jetpack Compose 來進行構建。

如需了解更多，請參閱:

使用 Material Design 組件實現 Material 動效：https://zhuanlan.zhihu.com/p/391368612

歡迎您打開鏈接：https://go2.gdsub.com/androiddevfb 向我們提交反饋，或分享您喜歡的內容、發現的問題。您的反饋對我們非常重要，感謝您的支持！