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

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

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

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

在 HarmonyOS 應(yīng)用開發(fā)過程中，開發(fā)者可通過點擊 “Previewer”查看應(yīng)用的 UI 界面效果。當(dāng)開發(fā)者發(fā)現(xiàn) UI 界面的布局顯示不符合預(yù)期時（eg: 控件的寬度不符合設(shè)定值、控件不顯示等），需要逐一排查 UI 界面中布局或控件的異常。

為了提高排查的效率，DevEco Studio 2.1 Beta3 在已有的 “實時預(yù)覽”和 “動態(tài)預(yù)覽”基礎(chǔ)上，全新解鎖了雙向預(yù)覽功能。

• 
  

  　　實時預(yù)覽：只要在布局文件中保存了修改的源代碼，在預(yù)覽器中就可以實時查看布局效果。

  　　

• 
  

  　　動態(tài)預(yù)覽：在預(yù)覽器界面，可以在預(yù)覽器中操作應(yīng)用的交互動作，如點擊事件、跳轉(zhuǎn)、滑動等，與應(yīng)用運行在真機設(shè)備上的交互體驗一致。

  　　

所謂雙向預(yù)覽，即支持代碼編輯器、預(yù)覽器界面（含屬性列表）兩者之間的聯(lián)動，便于快速定位控件，從而提升解決 UI 界面問題的效率。開發(fā)者可以通過在預(yù)覽器界面，點擊圖標(biāo)的方式，打開雙向預(yù)覽功能。

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

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

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

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

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

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

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

溫馨提示：不同的 API Version 版本，預(yù)覽器支持的功能略有不同，具體差異如下：

亮點二：預(yù)覽器新增 Java UI 界面的數(shù)據(jù)模擬功能

在預(yù)覽場景中，由于代碼的運行環(huán)境與真機設(shè)備上的運行環(huán)境不同，調(diào)用部分接口時無法獲取到有效的返回值。開發(fā)者若想根據(jù)返回值做出不同的 UI 界面展現(xiàn)，則需手動反復(fù)修改代碼邏輯，以驗證不同 UI 界面效果。

為了減少修改，DevEco Studio 提供 PreviewMock 數(shù)據(jù)模擬功能，即在不改變業(yè)務(wù)運行邏輯的前提下，模擬 API 或者業(yè)務(wù)代碼中的各種 method（不包括構(gòu)造方法）的返回值和對象中的 Field（不包括 final 字段）的值。這樣開發(fā)者就可以在預(yù)覽時，查看到不同返回值帶來的界面變化。

不過值得注意的是，DevEco Studio 2.1 Beta3 當(dāng)前僅支持 Java UI 界面的 PreviewMock 數(shù)據(jù)模擬功能。與此同時，要想使用 PreviewMock 數(shù)據(jù)模擬功能，需先在模塊的 build.gradle 中添加相關(guān)依賴，并重新同步工程。

（圖：在 build.gradle 中添加 PreviewMock 的依賴）

除了上述的兩大亮點功能，在 Java UI 界面預(yù)覽方面，開發(fā)者在預(yù)覽 Ability 或 AbilitySlice 時，保存修改后的代碼，即可做到實時預(yù)覽；在 JS UI 界面預(yù)覽方面，開發(fā)者可直接選擇某一個 page（頁面）進行實時動態(tài)預(yù)覽。

亮點三：編輯器新增 config.json 可視化配置功能

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

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

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

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

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

為了降低開發(fā)者在創(chuàng)建帶限定詞的資源目錄時的出錯機率，DevEco Studio 2.1 Beta3 新增了資源創(chuàng)建向?qū)Чδ埽脩舾鶕?jù)界面提示進行選擇或輸入，即可完成資源目錄及文件的創(chuàng)建，無需思索各種限定詞之間的組合關(guān)系。

除了上述的兩大亮點功能，DevEco Studio 2.1 Beta3 在編輯器方面，還做了其它優(yōu)化，具體優(yōu)化細節(jié)如下：

亮點五：新增 Java 測試框架

為了減化繁瑣的人工測試環(huán)節(jié)，DevEco Studio 2.1 Beta3 新增了 Java 測試框架，提供 Java 代碼白盒測試能力，幫助開發(fā)者高效編寫和執(zhí)行測試用例，保障應(yīng)用基礎(chǔ)質(zhì)量。

在開發(fā)階段，開發(fā)者可借助由 Java 測試框架提供的 IAbilityDelegator，進行 APP 組件操控測試（如：啟動 / 關(guān)閉 FA、獲取界面 UI 元素、注入 UI 點擊事件等），及時發(fā)現(xiàn) UI 交互問題?；蚴褂?JUnit 4 語法范式，編寫測試用例、調(diào)用系統(tǒng)接口，獲得 API 返回值或觸發(fā)業(yè)務(wù)流程，根據(jù)接口返回值或業(yè)務(wù)狀態(tài)，判斷業(yè)務(wù)邏輯的正確性。

Java 測試框架在真機或遠程模擬器設(shè)備上運行的前提：

①遠程模擬器需注冊開發(fā)者賬號并完成實名認證；

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

亮點六：新增了 5 個手機（Phone）工程模板

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

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

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

在開發(fā)者打開歷史工程時，DevEco Studio 2.1 Beta3 會提示開發(fā)者將歷史工程進行升級適配，點擊提示中的 “Update”，即可一鍵自動化修改工程中的配置信息，省去開發(fā)者逐一修改相關(guān)配置的煩惱。

除此之外，DevEco Studio 2.1 Beta3 還在不少細節(jié)上進行了優(yōu)化。下面請看細節(jié)清單：

①升級 IntelliJ IDEA 底座至 IntelliJ IDEA CommunityEdition 2020.2.4 版本（溫馨提示：由于底座升級，開發(fā)者需要手工升級不可用的三方插件，避免出現(xiàn)已安裝的三方插件不兼容情況）

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

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

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

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

生成海報

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