DevEco Toolkit使用指南--平行視界

  高效開發和創新業務是開發者一直追求的目標，當接到開發需求時，若是能夠找到現成的API調用，能爲開發者節省大把時間，將會留有更多的時間進行業務的創新。華爲DevEcoToolkit聚合了華爲豐富的開放能力，提供海量的API供開發者調用，幫助開發者高效集成華爲EMUI特點開放能力，如平行視界。

什麼是平行視界？

---

  平板處於手機與和電腦之間，最大的痛點是應用橫屏生態問題。大多數應用都是把手機APP直接平移到平板，用戶不能感知到平板的優點。爲了改善用戶體驗，從用戶痛點出發，華爲推出了平行視界。

  用戶在華爲MatePad Pro上網購時，能夠同時對比兩家商品信息，還能夠邊看新聞邊留言，邊聊着天邊刷朋友圈. 平行視界能夠實現一個應用內的不一樣界面信息，在左右兩個窗口同時顯示，將橫屏一分爲二且兩邊操做互不干擾。

如何使用DevEcoToolkit快速實現平行視界?

---

  平行視界以Activity爲基本單位，對Activity窗口生命週期管理進行改造，以左右窗口分離顯示技術、雙窗口生命週期管理、雙窗口顯示模式和切換邏輯爲核心技術，來實現應用內分屏同時操做互不干擾的功能界面。   有三種窗口顯示模式供開發者選擇——不分屏模式、通用模式及自定義模式，開發者不須要進行單獨編碼，簡單配置工程後便可實現平行視界功能。

分屏設計規則   Common Mode：在該模式下，您能夠設置Auto Split和Transition Activity。   Auto Split表示設置初始分屏ActivityPairs，若是用戶打開應用時就分屏顯示，能夠根據應用設置打開時展現的左分屏和右分屏展現的Activity。Transition Activity中定義的Activity是過渡頁面（動畫），通常是在前一個頁面關閉後，後一個頁面拉起前顯示，防止APP頁面切換過於生硬。在Transition Activity中選中的Activity，在分屏設計中將沒法被選擇。

  − Custom Mode：在該模式下，能夠設置Auto Split、Transition Activity和Custom Split。   其中Auto Split和Transition Activity同Common Mode模式徹底同樣，Custom Split表示開發者能夠自行定義分屏的規則。

  咱們能夠認爲Auto Split中定義的是一級頁面的佈局，而Custom Split中定義的是二級頁面的顯示規則。當在Auto Split中定義的頁面調用與Custom Mode中定義的規則匹配，將按照Custom Mode中定義的規則進行顯示。

1、使用DevEcoToolkit集成平行視界，「0代碼」設置應用的分屏模式和分屏邏輯

---

步驟 1 打開HUAWEI DevEco Studio軟件。

步驟 2 打開或者新建一個Project。以打開一個已有Project爲例進行演示，依次點擊「File > Open」，選擇須要進行分屏設置的Project（以Custom Mode爲例）。

步驟 3 在Project的「app-phone > src > main」下，點擊鼠標右鍵選擇「New > MagicWindow」，建立平行視界配置文件「easygo.json」。

步驟 4 在AndroidManifest.xml的application中，新增長以下meta-data字段，表示該應用支持平行視界功能。

<meta-data android:name="EasyGoClient" android:value="true" />
複製代碼

步驟5 點擊「+」方塊區域設置分屏規則。

步驟6 添加分屏規則： 一、 在Auto Split中定義規則：在屏幕左半部分選擇MainAtivity，在屏幕右半部分選擇AActivity，點擊完成;

二、 在Custom Split中定義規則：在屏幕左半部分選擇AActivity，在屏幕右半部分選擇BActivity，點擊完成;

步驟7 打開屏幕預覽窗口，檢驗分屏規則 一、點擊屏幕中央的Open Activity按鈕

二、點擊MainAtivity，將自動完成Auto Split中的分屏設置，屏幕的左半部分是X，屏幕的右半部分是A

三、當在右側A中選擇B時，將觸發Custom Split中定義的左A右B規則，發生頁面的自動向左推進

四、當在B頁面選擇A1時，將不會發生頁面的推進，僅僅是B頁面被A1替換，是因爲沒有在Custom Split中定義相關規則

步驟 8 在界面上完成分屏模式和規則的設置後，會將設置的規則寫入到easygo.json文件中，能夠點擊「Text」查看源碼。

  經過點擊添加，全程支持0代碼分屏設計、極簡配置、API調用輕鬆幾步完成設計，是進行全屏適配仍是分屏顯示，業務開發者根據本身應用的業務方向來定。最終在app能夠實現這樣的分屏設置：

  當前已有1000餘款app擁有平行視界能力，涵蓋新聞類、社交類、購物類、財經類、視頻類等等，開發者使用DevEcoToolkit快速集成平行視界能力，能夠節省一大半的時間。咱們的宗旨的是讓開發者高效開發，極致創新，但願能邀請更多的開發者使用DevEcoToolkit，共同打破安卓平板橫屏生態壁壘，實現雙贏發展。

2、如何獲取DevEcoToolkit

---

方法一：在線安裝，進入File-> Settings->Plugins，輸入「DevEco Toolkit」，便可下載安裝插件

方法二：離線安裝，點擊官方連接下載https://developer.huawei.com/consumer/cn/deveco_studio

---

往期連接：Android | 教你如何開發掃二維碼功能

內容來源：developer.huawei.com/consumer/cn…

原做者：英雄小好漢