IT之家4月1日消息 HUAWEI DevEco Studio(以下簡(jiǎn)稱(chēng) DevEco Studio)是面向華為終端全場(chǎng)景多設(shè)備的一站式集成開(kāi)發(fā)環(huán)境(IDE),為開(kāi)發(fā)者提供工程模板創(chuàng)建、開(kāi)發(fā)、編譯、調(diào)試、測(cè)試、發(fā)布等 E2E 的 HarmonyOS 應(yīng)用開(kāi)發(fā)服務(wù)。IT之家獲悉,通過(guò)使用 DevEco Studio,開(kāi)發(fā)者可以更高效的開(kāi)發(fā)具備 HarmonyOS 分布式能力的應(yīng)用,進(jìn)而提升創(chuàng)新效率。2021 年 3 月,DevEco Studio 又迎來(lái) 2.1 Beta3 版本。
新版本的到來(lái),究竟能給廣大 HarmonyOS 應(yīng)用開(kāi)發(fā)者帶來(lái)哪些不一樣的體驗(yàn)?下面華為官方帶來(lái)新功能介紹。
亮點(diǎn)一:預(yù)覽器新增雙向預(yù)覽功能
在 HarmonyOS 應(yīng)用開(kāi)發(fā)過(guò)程中,開(kāi)發(fā)者可通過(guò)點(diǎn)擊 “Previewer”查看應(yīng)用的 UI 界面效果。當(dāng)開(kāi)發(fā)者發(fā)現(xiàn) UI 界面的布局顯示不符合預(yù)期時(shí)(eg: 控件的寬度不符合設(shè)定值、控件不顯示等),需要逐一排查 UI 界面中布局或控件的異常。
為了提高排查的效率,DevEco Studio 2.1 Beta3 在已有的 “實(shí)時(shí)預(yù)覽”和 “動(dòng)態(tài)預(yù)覽”基礎(chǔ)上,全新解鎖了雙向預(yù)覽功能。
實(shí)時(shí)預(yù)覽:只要在布局文件中保存了修改的源代碼,在預(yù)覽器中就可以實(shí)時(shí)查看布局效果。
動(dòng)態(tài)預(yù)覽:在預(yù)覽器界面,可以在預(yù)覽器中操作應(yīng)用的交互動(dòng)作,如點(diǎn)擊事件、跳轉(zhuǎn)、滑動(dòng)等,與應(yīng)用運(yùn)行在真機(jī)設(shè)備上的交互體驗(yàn)一致。
所謂雙向預(yù)覽,即支持代碼編輯器、預(yù)覽器界面(含屬性列表)兩者之間的聯(lián)動(dòng),便于快速定位控件,從而提升解決 UI 界面問(wèn)題的效率。開(kāi)發(fā)者可以通過(guò)在預(yù)覽器界面,點(diǎn)擊圖標(biāo)的方式,打開(kāi)雙向預(yù)覽功能。
具體聯(lián)動(dòng)效果如下:
①通過(guò)預(yù)覽器界面中的屬性列表,修改屬性或樣式后,代碼編輯器中的源碼會(huì)同步修改,并實(shí)時(shí)刷新預(yù)覽器界面;
②同樣的,如果在代碼編輯器中修改源碼,將會(huì)實(shí)時(shí)刷新預(yù)覽器界面及屬性列表。
但值得注意的是,若碰到以下情況,則不支持修改其屬性:
hml 布局代碼里使用了數(shù)據(jù)綁定的屬性;
xml 布局代碼里使用了資源引用的屬性;
UI 界面設(shè)置了動(dòng)畫(huà)效果。
溫馨提示:不同的 API Version 版本,預(yù)覽器支持的功能略有不同,具體差異如下:
亮點(diǎn)二:預(yù)覽器新增 Java UI 界面的數(shù)據(jù)模擬功能
在預(yù)覽場(chǎng)景中,由于代碼的運(yùn)行環(huán)境與真機(jī)設(shè)備上的運(yùn)行環(huán)境不同,調(diào)用部分接口時(shí)無(wú)法獲取到有效的返回值。開(kāi)發(fā)者若想根據(jù)返回值做出不同的 UI 界面展現(xiàn),則需手動(dòng)反復(fù)修改代碼邏輯,以驗(yàn)證不同 UI 界面效果。
為了減少修改,DevEco Studio 提供 PreviewMock 數(shù)據(jù)模擬功能,即在不改變業(yè)務(wù)運(yùn)行邏輯的前提下,模擬 API 或者業(yè)務(wù)代碼中的各種 method(不包括構(gòu)造方法)的返回值和對(duì)象中的 Field(不包括 final 字段)的值。這樣開(kāi)發(fā)者就可以在預(yù)覽時(shí),查看到不同返回值帶來(lái)的界面變化。
不過(guò)值得注意的是,DevEco Studio 2.1 Beta3 當(dāng)前僅支持 Java UI 界面的 PreviewMock 數(shù)據(jù)模擬功能。與此同時(shí),要想使用 PreviewMock 數(shù)據(jù)模擬功能,需先在模塊的 build.gradle 中添加相關(guān)依賴,并重新同步工程。
(圖:在 build.gradle 中添加 PreviewMock 的依賴)
除了上述的兩大亮點(diǎn)功能,在 Java UI 界面預(yù)覽方面,開(kāi)發(fā)者在預(yù)覽 Ability 或 AbilitySlice 時(shí),保存修改后的代碼,即可做到實(shí)時(shí)預(yù)覽;在 JS UI 界面預(yù)覽方面,開(kāi)發(fā)者可直接選擇某一個(gè) page(頁(yè)面)進(jìn)行實(shí)時(shí)動(dòng)態(tài)預(yù)覽。
亮點(diǎn)三:編輯器新增 config.json 可視化配置功能
作為 HarmonyOS 應(yīng)用開(kāi)發(fā)的入門(mén)選手,你是否為了了解配置項(xiàng)的含義,而反復(fù)查閱 HarmonyOS 官網(wǎng)的資料文檔?為了減少開(kāi)發(fā)者反復(fù)切換界面查閱資料文檔的行為,DevEco Studio 2.1 Beta3 新增了可視化配置功能。
開(kāi)發(fā)者可通過(guò)打開(kāi) config.json 文件,點(diǎn)擊按鈕,打開(kāi)設(shè)置界面,查看該項(xiàng)目所需填寫(xiě)的重要屬性及其含義,完善應(yīng)用名稱(chēng)、應(yīng)用版本號(hào)、應(yīng)用類(lèi)型、Ability、設(shè)備類(lèi)型、應(yīng)用權(quán)限等配置項(xiàng)。
然而,在開(kāi)發(fā)過(guò)程中,可能存在配置項(xiàng)層級(jí)過(guò)多的場(chǎng)景,例如:配置 “Module ? Ablilities ? Meta Data ? Merge Rule ? Replace”字段時(shí),用戶可通過(guò)搜索框快速定位到該屬性,點(diǎn)擊 add 按鈕,輸入相關(guān)合并規(guī)則,觸發(fā)系統(tǒng)在 config.json 文件中自動(dòng)創(chuàng)建配置項(xiàng)的樹(shù)型結(jié)構(gòu),完成合并規(guī)則的配置,節(jié)省配置時(shí)間。
亮點(diǎn)四:編輯器新增資源創(chuàng)建向?qū)Чδ?/h2>
開(kāi)發(fā)者在創(chuàng)建帶限定詞的資源目錄時(shí),需考慮限定詞的取值、不同限定詞相互搭配時(shí)的先后順序等,稍有偏差則會(huì)導(dǎo)致應(yīng)用在運(yùn)行時(shí),HarmonyOS 檢測(cè)不到合適的資源,無(wú)法呈現(xiàn)預(yù)期效果。
為了降低開(kāi)發(fā)者在創(chuàng)建帶限定詞的資源目錄時(shí)的出錯(cuò)機(jī)率,DevEco Studio 2.1 Beta3 新增了資源創(chuàng)建向?qū)Чδ?,用戶根?jù)界面提示進(jìn)行選擇或輸入,即可完成資源目錄及文件的創(chuàng)建,無(wú)需思索各種限定詞之間的組合關(guān)系。
除了上述的兩大亮點(diǎn)功能,DevEco Studio 2.1 Beta3 在編輯器方面,還做了其它優(yōu)化,具體優(yōu)化細(xì)節(jié)如下:
亮點(diǎn)五:新增 Java 測(cè)試框架
為了減化繁瑣的人工測(cè)試環(huán)節(jié),DevEco Studio 2.1 Beta3 新增了 Java 測(cè)試框架,提供 Java 代碼白盒測(cè)試能力,幫助開(kāi)發(fā)者高效編寫(xiě)和執(zhí)行測(cè)試用例,保障應(yīng)用基礎(chǔ)質(zhì)量。
在開(kāi)發(fā)階段,開(kāi)發(fā)者可借助由 Java 測(cè)試框架提供的 IAbilityDelegator,進(jìn)行 APP 組件操控測(cè)試(如:?jiǎn)?dòng) / 關(guān)閉 FA、獲取界面 UI 元素、注入 UI 點(diǎn)擊事件等),及時(shí)發(fā)現(xiàn) UI 交互問(wèn)題?;蚴褂?JUnit 4 語(yǔ)法范式,編寫(xiě)測(cè)試用例、調(diào)用系統(tǒng)接口,獲得 API 返回值或觸發(fā)業(yè)務(wù)流程,根據(jù)接口返回值或業(yè)務(wù)狀態(tài),判斷業(yè)務(wù)邏輯的正確性。
Java 測(cè)試框架在真機(jī)或遠(yuǎn)程模擬器設(shè)備上運(yùn)行的前提:
① 遠(yuǎn)程模擬器需注冊(cè)開(kāi)發(fā)者賬號(hào)并完成實(shí)名認(rèn)證;
② 真機(jī)設(shè)備需搭載 HarmonyOS 操作系統(tǒng),并打開(kāi)調(diào)試模式,且有相應(yīng)的簽名文件。
亮點(diǎn)六:新增了 5 個(gè)手機(jī)(Phone)工程模板
DevEco Studio 支持手機(jī) (Phone)、平板 (Tablet)、車(chē)機(jī) (Car)、智慧屏 (TV)、智能穿戴 (Wearable)、輕量級(jí)智能穿戴 (Lite Wearable)和智慧視覺(jué) (Smart Vision)七種設(shè)備的 HarmonyOS 應(yīng)用開(kāi)發(fā),支持 Java、JS 和 C/C++ 編程語(yǔ)言。
為了方便開(kāi)發(fā)者的使用,DevEco Studio 提供了多設(shè)備類(lèi)型、不同開(kāi)發(fā)語(yǔ)言的 Ability 模板。本次的新版本,在原有的基礎(chǔ)上,新增了 5 個(gè)手機(jī) (Phone)工程模板,目前手機(jī) (Phone)工程模板共 19 個(gè)。開(kāi)發(fā)者們可根據(jù)工程向?qū)В暨x合適的模板,輕松創(chuàng)建適用于各類(lèi)設(shè)備的工程,并自動(dòng)生成對(duì)應(yīng)的代碼和資源模板。
除了以上的六大亮點(diǎn),DevEco Studio 2.1 Beta3 還能給廣大開(kāi)發(fā)者帶來(lái)哪些細(xì)節(jié)的優(yōu)化?
在開(kāi)發(fā)者打開(kāi)歷史工程時(shí),DevEco Studio 2.1 Beta3 會(huì)提示開(kāi)發(fā)者將歷史工程進(jìn)行升級(jí)適配,點(diǎn)擊提示中的 “Update”,即可一鍵自動(dòng)化修改工程中的配置信息,省去開(kāi)發(fā)者逐一修改相關(guān)配置的煩惱。
除此之外,DevEco Studio 2.1 Beta3 還在不少細(xì)節(jié)上進(jìn)行了優(yōu)化。下面請(qǐng)看細(xì)節(jié)清單:
①升級(jí) IntelliJ IDEA 底座至 IntelliJ IDEA CommunityEdition 2020.2.4 版本(溫馨提示:由于底座升級(jí),開(kāi)發(fā)者需要手工升級(jí)不可用的三方插件,避免出現(xiàn)已安裝的三方插件不兼容情況)
②在調(diào)試階段,開(kāi)發(fā)者可設(shè)置 hap 包的安裝方式。若選擇覆蓋安裝,則會(huì)保留已安裝應(yīng)用內(nèi)的緩存數(shù)據(jù),無(wú)需重裝應(yīng)用后再重新構(gòu)建相關(guān)數(shù)據(jù),方便調(diào)試。
③解決了部分開(kāi)發(fā)者下載 Node.js 緩慢或者失敗的問(wèn)題。通過(guò)集成 Node.js 并預(yù)置華為公有云的 npm 倉(cāng),進(jìn)一步縮短搭建 HarmonyOS 應(yīng)用開(kāi)發(fā)環(huán)境的時(shí)間。
④已適配支持 macOS11.2.2 版本。
⑤解決了 XML 里面的 drawable 的資源無(wú)法聯(lián)想的問(wèn)題。
廣告聲明:文內(nèi)含有的對(duì)外跳轉(zhuǎn)鏈接(包括不限于超鏈接、二維碼、口令等形式),用于傳遞更多信息,節(jié)省甄選時(shí)間,結(jié)果僅供參考,IT之家所有文章均包含本聲明。