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

什么是平行視界?
平板處於手機與和電腦之間,最大的痛點是應用橫屏生態問題。大多數應用都是把手機APP直接平移到平板,用戶不能感知到平板的優勢。為了改善用戶體驗,從用戶痛點出發,華為推出了平行視界。
用戶在華為MatePad Pro上網購時,可以同時對比兩家商品信息,還可以邊看新聞邊留言,邊聊着天邊刷朋友圈. 平行視界可以實現一個應用內的不同界面信息,在左右兩個窗口同時顯示,將橫屏一分為二且兩邊操作互不干擾。


如何使用DevEco Studio快速實現平行視界?
平行視界以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中定義的規則進行顯示。

一、使用DevEco Studio集成平行視界,“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 添加分屏規則:
1、 在Auto Split中定義規則:在屏幕左半部分選擇MainAtivity,在屏幕右半部分選擇AActivity,點擊完成;

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

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

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


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


4、當在B頁面選擇A1時,將不會發生頁面的推動,僅僅是B頁面被A1替換,是由於沒有在Custom Split中定義相關規則


步驟 8 在界面上完成分屏模式和規則的設置后,會將設置的規則寫入到easygo.json文件中,可以點擊“Text”查看源碼。

通過點擊添加,全程支持0代碼分屏設計、極簡配置、API調用輕松幾步完成設計,是進行全屏適配還是分屏顯示,業務開發者根據自己應用的業務方向來定。最終在app可以實現這樣的分屏設置:

當前已有1000余款app擁有平行視界能力,涵蓋新聞類、社交類、購物類、財經類、視頻類等等,開發者使用DevEco Studio快速集成平行視界能力,可以節省一大半的時間。我們的宗旨的是讓開發者高效開發,極致創新,希望能邀請更多的開發者使用DevEco Studio,共同打破安卓平板橫屏生態壁壘,實現共贏發展。
二、如何獲取DevEco Studio
登錄https://developer.huawei.com/consumer/cn/deveco_studio,點擊“試用申請”來獲取

往期鏈接:Android | 教你如何開發掃二維碼功能
內容來源:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0201222670744610015&fid=26
原作者:英雄小好漢
