華為 5G 新品釋出會上，Mate X 正式亮相，淘寶也作為重點展示應用出現在釋出會的 PPT 上，同時也成為摺疊屏生態聯盟應用矩陣的第一位。

現場華為摺疊屏上的淘寶多工演示

伴隨手淘技術團隊對華為摺疊屏適配工作的展開。半年前還只是概念方案的分屏設計方案已正式實現。華為摺疊屏上的淘寶已全面支援分屏多工，以後商品比價、邊逛邊聊更加輕鬆便捷，為大家帶來不一樣的購物體驗。

摺疊屏第二屏的多工模式

華為摺疊屏形態簡介

華為mate x螢幕形態分為三種：

使用者可以在三種形態上進行隨意切換，因此第一步需要保證手淘在三種螢幕形態下的主功能沒問題。

摺疊屏適配原則應用不在螢幕上不留黑邊（Aspect-ratio最小最大比例支援,最小寬高比 1.0，最大寬高比 2.4）螢幕切換、分屏 Switch/Resize 操作不能有 Crash/ANR螢幕切換、分屏 Switch/Resize 操作後佈局正常（無內容缺失/重疊等）螢幕切換、分屏 Switch/Resize 操作 Activity 儘量不 RestartActivity支援Multi-Resume（分屏應用失去焦點視訊播放不停止/再次播放不重放等）摺疊屏適配點

允許改變應用尺寸。要適配摺疊屏，首先是要讓應用支援動態改變尺寸，需要在 menifest 中的 Application 或對應的 Activity 下宣告。

在 Manifest 檔案的 節點中增加 資料，設定最大/最小支援比例。

APP 支援 Multi-Resume（Android P 開始支援），在Manifest 檔案的節點中增加 資料， 在設定了該元資料後，應用在分屏模式下失去焦點後不會收到 onPause() 回撥，如果需要知道使用者“焦點”是否還在應用上，使用 onWindowFocusChanged() 回撥判斷。

Activity 支援顯示動態尺寸/比例變化不重啟，在 manifest 檔案的 節點中的android:configChanges 屬性增加 screenSize|smallestScreenSize|screenLayout 字串。

當螢幕比例變化時，系統會回撥 Activity 的 onConfigurationChanged() 方法，而避免 Activity 重新啟動。應用複寫 onConfigurationChanged() 方法，通過該方法的 Configuration 引數獲得螢幕的解析度等資訊，就可以針對不同比例螢幕下的應用介面佈局做相應調整，如切換佈局、調整控制元件位置和間距等。

如果 Activity 走 Restart 銷燬模式，需要處理 onSaveInstanceState() 儲存狀態，以免資訊丟失。在分屏模式下，如果希望獲得應用實際顯示的尺寸，使用 Activity 的 Context 呼叫 getDisplayMetrics 獲取。

體驗升級，Magic Window探索

經過幾個月的適配，終於完成了第一個摺疊屏可用版本的安裝包。但是由於手淘是針對窄屏設計的 App ，在展開屏狀態下，寬高比接近 1:1 ，可視內容會變得很少，無法發揮摺疊屏的大屏優勢。為了給使用者最佳的使用體驗。手淘團隊決定適配華為 mate X 的 Magic Window 方案。

Magic window，是華為提供的系統級分屏的解決方案。應用可以根據自身業務設計分屏顯示 Activity 組合，以實現符合應用邏輯的最佳單應用多視窗使用者體驗。

本次手淘適配 magic window ，使用自定義模式進行適配。即由設計師確定左右屏的互動邏輯，由技術同學針對互動邏輯在指定配置檔案進行配置，實現分屏方案。

具體實現方法：在 Manifest 檔案中新增 標籤

在 asserts 目錄下新增 easygo.json 檔案，檔案格式如下：

在 magic window 模式下，摺疊屏優勢得到充分體現，以下是幾個經典場景。

瀏覽商品同時諮詢客服（設計稿）

商品對比（設計稿）

最終效果如下：

mate x真機

手淘技術團隊秉承客戶第一原則，一直致力於使用者體驗優化，未來我們將在使用者體驗上做出更多努力，給使用者帶來更好的體驗。關於摺疊屏適配，大家有什麼不同的見解？歡迎下方留言區探討。

雙11福利來了！先來康康#怎麼買雲伺服器最便宜# [並不簡單]參團購買指定配置雲伺服器僅86元/年，開團拉新享三重禮：1111紅包+瓜分百萬現金+31%返現，爆款必買清單，還有iPhone 11 Pro、衛衣、T恤等你來抽，馬上來試試手氣 https://www.aliyun.com/1111/2019/home?utm_content=g_1000083110