預(yù)覽器和編輯器雙重發(fā)力，DevEco Studio 2.1 Beta 3強(qiáng)勢(shì)來(lái)襲
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
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ù)。通過使用DevEco Studio，開發(fā)者可以更高效的開發(fā)具備HarmonyOS分布式能力的應(yīng)用，進(jìn)而提升創(chuàng)新效率。
3月佳期，DevEco Studio又迎來(lái)更新，2.1 Beta 3版本強(qiáng)勢(shì)來(lái)襲。新版本的到來(lái)，究竟能給廣大HarmonyOS應(yīng)用開發(fā)者帶來(lái)哪些不一樣的體驗(yàn)?請(qǐng)看下文，便可知曉。
點(diǎn)擊此處，下載使用DevEco Studio 2.1 Beta 3
亮點(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 Beta 3在已有的 “實(shí)時(shí)預(yù)覽”(只要在布局文件中保存了修改的源代碼，在預(yù)覽器中就可以實(shí)時(shí)查看布局效果)和“動(dòng)態(tài)預(yù)覽”(在預(yù)覽器界面，可進(jìn)行應(yīng)用的交互操作，如點(diǎn)擊事件、跳轉(zhuǎn)、滑動(dòng)等，其交互體驗(yàn)與應(yīng)用運(yùn)行在真機(jī)設(shè)備上的交互體驗(yàn)一致)基礎(chǔ)上，全新解鎖了“雙向預(yù)覽”功能。
所謂雙向預(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í)無(wú)法獲取到有效的返回值。開發(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í)，查看到不同返回值帶來(lái)的界面變化。
不過值得注意的是，DevEco Studio 2.1 Beta 3當(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è)頁(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 Beta 3新增了可視化配置功能。
然而，在開發(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ū)Чδ?/h3>
開發(fā)者在創(chuàng)建帶限定詞的資源目錄時(shí)，需考慮限定詞的取值、不同限定詞相互搭配時(shí)的先后順序等，稍有偏差則會(huì)導(dǎo)致應(yīng)用在運(yùn)行時(shí)，HarmonyOS檢測(cè)不到合適的資源，無(wú)法呈現(xiàn)預(yù)期效果。
為了降低開發(fā)者在創(chuàng)建帶限定詞的資源目錄時(shí)的出錯(cuò)機(jī)率，DevEco Studio 2.1 Beta 3新增了資源創(chuàng)建向?qū)Чδ?，用戶根?jù)界面提示進(jìn)行選擇或輸入，即可完成資源目錄及文件的創(chuàng)建，無(wú)需思索各種限定詞之間的組合關(guān)系。
除了上述的兩大亮點(diǎn)功能，DevEco Studio 2.1 Beta 3 在編輯器方面，還做了其它優(yōu)化，具體優(yōu)化細(xì)節(jié)如下：
亮點(diǎn)五：新增Java測(cè)試框架
為了減化繁瑣的人工測(cè)試環(huán)節(jié)，DevEco Studio 2.1 Beta 3新增了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元素、注入U(xiǎn)I點(diǎn)擊事件等)，及時(shí)發(fā)現(xiàn)UI交互問題?；蚴褂肑Unit 4語(yǔ)法范式，編寫測(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++編程語(yǔ)言。
為了方便開發(fā)者的使用，DevEco Studio提供了多設(shè)備類型、不同開發(fā)語(yǔ)言的Ability模板。本次的新版本，在原有的基礎(chǔ)上，又新增了5個(gè)手機(jī)(Phone)工程模板，開發(fā)者們可根據(jù)工程向?qū)В暨x合適的模板，輕松創(chuàng)建適用于各類設(shè)備的工程，并自動(dòng)生成對(duì)應(yīng)的代碼和資源模板。
除了以上的六大亮點(diǎn)，DevEco Studio 2.1 Beta 3還能給廣大開發(fā)者帶來(lái)哪些細(xì)節(jié)的優(yōu)化?
在開發(fā)者打開歷史工程時(shí)，DevEco Studio 2.1 Beta 3會(huì)提示開發(fā)者將歷史工程進(jìn)行升級(jí)適配，點(diǎn)擊提示中的“Update”，即可一鍵自動(dòng)化修改工程中的配置信息，省去開發(fā)者逐一修改相關(guān)配置的煩惱。
此外，DevEco Studio 2.1 Beta 3還在不少細(xì)節(jié)上進(jìn)行了優(yōu)化，比如：①升級(jí)IntelliJ IDEA底座至IntelliJ IDEA Community Edition 2020.2.4版本(溫馨提示：由于底座升級(jí)，開發(fā)者需要手工升級(jí)不可用的三方插件，避免出現(xiàn)已安裝的三方插件不兼容情況)②在調(diào)試階段，開發(fā)者可設(shè)置hap包的安裝方式。若選擇覆蓋安裝，則會(huì)保留已安裝應(yīng)用內(nèi)的緩存數(shù)據(jù)，無(wú)需重裝應(yīng)用后再重新構(gòu)建相關(guān)數(shù)據(jù)，方便調(diào)試。③通過集成Node.js并預(yù)置華為公有云的npm倉(cāng)，解決了部分開發(fā)者下載Node.js緩慢或者失敗的問題，進(jìn)一步縮短搭建HarmonyOS應(yīng)用開發(fā)環(huán)境的時(shí)間。④已適配macOS11.2.2版本。⑤解決了XML里面的drawable的資源無(wú)法聯(lián)想的問題。
六大新增亮點(diǎn)，六項(xiàng)細(xì)節(jié)優(yōu)化。
一次次的迭代升級(jí)，只為服務(wù)每一個(gè)你。
DevEco Studio愿攜手廣大開發(fā)者，共建HarmonyOS生態(tài)。
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
