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

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

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

亮點一：預覽器新增雙向預覽功能

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

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

• 
  

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

  　　

• 
  

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

  　　

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

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

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

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

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

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

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

UI 界面設置了動畫效果。

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

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

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

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

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

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

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

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

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

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

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

亮點四：編輯器新增資源創(chuàng)建向導功能

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

為了降低開發(fā)者在創(chuàng)建帶限定詞的資源目錄時的出錯機率，DevEco Studio 2.1 Beta3 新增了資源創(chuàng)建向導功能，用戶根據(jù)界面提示進行選擇或輸入，即可完成資源目錄及文件的創(chuàng)建，無需思索各種限定詞之間的組合關系。

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

亮點五：新增 Java 測試框架

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

生成海報

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