鴻蒙手機(jī)OS開發(fā)工具，華為DevEco Studio 2.1 Beta3發(fā)布

4月1日消息，HUAWEI DevEco Studio（以下簡(jiǎn)稱 DevEco Studio）是面向華為終端全場(chǎng)景多設(shè)備的一站式集成開發(fā)環(huán)境（IDE），為開發(fā)者提供工程模板創(chuàng)建、開發(fā)、編譯、調(diào)試、測(cè)試、發(fā)布等 E2E 的 HarmonyOS 應(yīng)用開發(fā)服務(wù)。IT之家獲悉，通過使用 DevEco Studio，開發(fā)者可以更高效的開發(fā)具備 HarmonyOS 分布式能力的應(yīng)用，進(jìn)而提升創(chuàng)新效率。2021 年 3 月，DevEco Studio 又迎來 2.1 Beta3 版本。

新版本的到來，究竟能給廣大 HarmonyOS 應(yīng)用開發(fā)者帶來哪些不一樣的體驗(yàn)？下面華為官方帶來新功能介紹。

亮點(diǎn)一：預(yù)覽器新增雙向預(yù)覽功能

在 HarmonyOS 應(yīng)用開發(fā)過程中，開發(fā)者可通過點(diǎn)擊 “Previewer”查看應(yīng)用的 UI 界面效果。當(dāng)開發(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 界面問題的效率。開發(fā)者可以通過在預(yù)覽器界面，點(diǎn)擊圖標(biāo)的方式，打開雙向預(yù)覽功能。

具體聯(lián)動(dòng)效果如下：

①通過預(yù)覽器界面中的屬性列表，修改屬性或樣式后，代碼編輯器中的源碼會(huì)同步修改，并實(shí)時(shí)刷新預(yù)覽器界面；

②同樣的，如果在代碼編輯器中修改源碼，將會(huì)實(shí)時(shí)刷新預(yù)覽器界面及屬性列表。

但值得注意的是，若碰到以下情況，則不支持修改其屬性：

hml 布局代碼里使用了數(shù)據(jù)綁定的屬性；

xml 布局代碼里使用了資源引用的屬性；

UI 界面設(shè)置了動(dòng)畫效果。

溫馨提示：不同的 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í)無法獲取到有效的返回值。開發(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 字段）的值。這樣開發(fā)者就可以在預(yù)覽時(shí)，查看到不同返回值帶來的界面變化。

不過值得注意的是，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ù)覽方面，開發(fā)者在預(yù)覽 Ability 或 AbilitySlice 時(shí)，保存修改后的代碼，即可做到實(shí)時(shí)預(yù)覽；在 JS UI 界面預(yù)覽方面，開發(fā)者可直接選擇某一個(gè) page（頁(yè)面）進(jìn)行實(shí)時(shí)動(dòng)態(tài)預(yù)覽。

亮點(diǎn)三：編輯器新增 config.json 可視化配置功能

作為 HarmonyOS 應(yīng)用開發(fā)的入門選手，你是否為了了解配置項(xiàng)的含義，而反復(fù)查閱 HarmonyOS 官網(wǎng)的資料文檔？為了減少開發(fā)者反復(fù)切換界面查閱資料文檔的行為，DevEco Studio 2.1 Beta3 新增了可視化配置功能。

開發(fā)者可通過打開 config.json 文件，點(diǎn)擊
按鈕，打開設(shè)置界面，查看該項(xiàng)目所需填寫的重要屬性及其含義，完善應(yīng)用名稱、應(yīng)用版本號(hào)、應(yīng)用類型、Ability、設(shè)備類型、應(yīng)用權(quán)限等配置項(xiàng)。

然而，在開發(fā)過程中，可能存在配置項(xiàng)層級(jí)過多的場(chǎng)景，例如：配置 “Module ? Ablilities ? Meta Data ? Merge Rule ? Replace”字段時(shí)，用戶可通過搜索框快速定位到該屬性，點(diǎn)擊 add 按鈕，輸入相關(guān)合并規(guī)則，觸發(fā)系統(tǒng)在 config.json 文件中自動(dòng)創(chuàng)建配置項(xiàng)的樹型結(jié)構(gòu)，完成合并規(guī)則的配置，節(jié)省配置時(shí)間。

亮點(diǎn)四：編輯器新增資源創(chuàng)建向?qū)Чδ?/p>

開發(fā)者在創(chuàng)建帶限定詞的資源目錄時(shí)，需考慮限定詞的取值、不同限定詞相互搭配時(shí)的先后順序等，稍有偏差則會(huì)導(dǎo)致應(yīng)用在運(yùn)行時(shí)，HarmonyOS 檢測(cè)不到合適的資源，無法呈現(xiàn)預(yù)期效果。

為了降低開發(fā)者在創(chuàng)建帶限定詞的資源目錄時(shí)的出錯(cuò)機(jī)率，DevEco Studio 2.1 Beta3 新增了資源創(chuàng)建向?qū)Чδ?，用戶根?jù)界面提示進(jìn)行選擇或輸入，即可完成資源目錄及文件的創(chuàng)建，無需思索各種限定詞之間的組合關(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è)試能力，幫助開發(fā)者高效編寫和執(zhí)行測(cè)試用例，保障應(yīng)用基礎(chǔ)質(zhì)量。

在開發(fā)階段，開發(fā)者可借助由 Java 測(cè)試框架提供的 IAbilityDelegator，進(jìn)行 APP 組件操控測(cè)試（如：?jiǎn)?dòng) / 關(guān)閉 FA、獲取界面 UI 元素、注入 UI 點(diǎn)擊事件等），及時(shí)發(fā)現(xiàn) UI 交互問題?；蚴褂?JUnit 4 語法范式，編寫測(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è)開發(fā)者賬號(hào)并完成實(shí)名認(rèn)證；

②真機(jī)設(shè)備需搭載 HarmonyOS 操作系統(tǒng)，并打開調(diào)試模式，且有相應(yīng)的簽名文件。

亮點(diǎn)六：新增了 5 個(gè)手機(jī)（Phone）工程模板

DevEco Studio 支持手機(jī) (Phone)、平板 (Tablet)、車機(jī) (Car)、智慧屏 (TV)、智能穿戴 (Wearable)、輕量級(jí)智能穿戴 (Lite Wearable)和智慧視覺 (Smart Vision)七種設(shè)備的 HarmonyOS 應(yīng)用開發(fā)，支持 Java、JS 和 C/C++ 編程語言。

為了方便開發(fā)者的使用，DevEco Studio 提供了多設(shè)備類型、不同開發(fā)語言的 Ability 模板。本次的新版本，在原有的基礎(chǔ)上，新增了 5 個(gè)手機(jī) (Phone)工程模板，目前手機(jī) (Phone)工程模板共 19 個(gè)。開發(fā)者們可根據(jù)工程向?qū)В暨x合適的模板，輕松創(chuàng)建適用于各類設(shè)備的工程，并自動(dòng)生成對(duì)應(yīng)的代碼和資源模板。

除了以上的六大亮點(diǎn)，DevEco Studio 2.1 Beta3 還能給廣大開發(fā)者帶來哪些細(xì)節(jié)的優(yōu)化？

在開發(fā)者打開歷史工程時(shí)，DevEco Studio 2.1 Beta3 會(huì)提示開發(fā)者將歷史工程進(jìn)行升級(jí)適配，點(diǎn)擊提示中的 “Update”，即可一鍵自動(dòng)化修改工程中的配置信息，省去開發(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í)，開發(fā)者需要手工升級(jí)不可用的三方插件，避免出現(xiàn)已安裝的三方插件不兼容情況）

②在調(diào)試階段，開發(fā)者可設(shè)置 hap 包的安裝方式。若選擇覆蓋安裝，則會(huì)保留已安裝應(yīng)用內(nèi)的緩存數(shù)據(jù)，無需重裝應(yīng)用后再重新構(gòu)建相關(guān)數(shù)據(jù)，方便調(diào)試。

③解決了部分開發(fā)者下載 Node.js 緩慢或者失敗的問題。通過集成 Node.js 并預(yù)置華為公有云的 npm 倉(cāng)，進(jìn)一步縮短搭建 HarmonyOS 應(yīng)用開發(fā)環(huán)境的時(shí)間。

④已適配支持 macOS11.2.2 版本。

⑤解決了 XML 里面的 drawable 的資源無法聯(lián)想的問題。

生成海報(bào)

免責(zé)聲明：本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請(qǐng)進(jìn)一步核實(shí)，并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。