什么是低代碼開發？低代碼開發主要特點有哪些？如何利用低代碼開發原子化服務？本文帶你一探究竟~

一、什么是HarmonyOS低代碼開發？

低代碼開發，顧名思義，就是用更少的代碼量，完成更高效的應用交付。低代碼開發讓更多的人可以參與到應用程序開發當中，不僅是具有專業編程能力的程序員，非技術背景的業務人員同樣可以構建應用；對于大型企業來講，低代碼開發還可以降低IT團隊培訓、技術部署的初始成本。

二、HarmonyOS低代碼開發界面介紹

如圖1所示，低代碼開發界面由UI控件欄、組件樹、功能面板、畫布、屬性樣式欄組成。

① UI控件欄：可以將相應的組件選中并拖動到畫布（Canvas）中，實現控件的添加。

② 組件樹：在低代碼開發界面中，可以方便開發者直觀地看到組件的層級結構、摘要信息以及錯誤提示。開發者可以通過選中組件樹中的組件（畫布中對應的組件被同步選中），實現畫布內組件的快速定位；點擊組件后的圖標，可以隱藏/顯示相應的組件。

③ 功能面板：包括常用的畫布縮小放大、撤銷、顯示/隱藏組件虛擬邊框、設備切換、模式切換、可視化布局界面一鍵轉換為hml和css文件等。

④ 畫布：開發者可在此區域對組件進行拖拽、拉伸等可視化操作，構建UI界面布局效果。

⑤ 屬性樣式欄：選中畫布中的相應組件后，在右側屬性樣式欄可以對該組件的屬性樣式進行配置。

三、HarmonyOS低代碼開發的主要特點

HarmonyOS低代碼開發利用可視化“拖拉拽”的開發方式替代傳統的編碼開發，免去了開發人員手動編寫平臺相關代碼，減輕了非技術開發人員的壓力，通過編寫少量代碼即可完成UI界面的開發，可有效降低開發者的上手成本并提升開發者構建UI界面的效率。接下來我們一起看看HarmonyOS低代碼開發平臺有哪些特點：

1

豐富的組件和模板

如圖2所示，低代碼開發是基于一個個組件的，目前已支持20個組件，同時IDE還提供了一系列常用場景下的模板，幫助開發者快速上手。

2

高效的可視化設計

HarmonyOS低代碼開發針對UI界面開發提供了一整套的可視化設計工具。（1）拖拽組件時顯示輔助條如圖3所示，當開發者拖拽ListItem組件時，只有移動到配套的List組件中，才會出現可以放置組件的輔助條，避免組件錯配問題。開發者在對組件“拖拉拽”時會自動生成代碼，減少了開發者在代碼編寫中常見的問題，比如拼寫錯誤、標簽閉環等。

（2）縮放和參數調整。

如圖4所示，可以直接拖拽組件實現組件縮放，也可以如圖5通過屬性欄來給每個組件做詳細的參數配置。

HarmonyOS低代碼開發支持復制、剪切、粘貼、撤銷、重做等常用的功能。

針對前端開發常用的顏色調整，HarmonyOS低代碼開發提供了一個顏色選擇器，方便開發者對組件或字體的顏色等作出調整，還會記錄歷史選用過的顏色。

針對image組件，或者其他組件的背景圖片，HarmonyOS低代碼開發提供了圖片資源選擇器，方便開發者選擇圖片，避免手動輸入圖片文件路徑的麻煩。

3

所見即所得

HarmonyOS低代碼開發提供所見即所得的能力，如圖6所示，當開發者在低代碼編輯器上修改時，所看到的效果和預覽器上的效果相同，這樣開發者就無需頻繁地在代碼與預覽之間切換，只需專注于前端頁面的開發，更加高效便捷。

4

多設備開發

針對HarmonyOS面向多設備的特性，低代碼編輯器還支持多屏流轉、多端部署。如圖7所示，開發者在低代碼開發平臺可以非常方便地進行多設備開發及橫豎屏切換。同時，開發者也可以選擇針對某一個設備的顯示效果以可視化的形式進行調整，而不影響到其他設備，極大提高了多設備頁面開發的效率。

5

邏輯解析和關聯

在視覺頁面調整完成后，如果想讓UI界面具有動態化能力，就必須對其中的數據、事件進行綁定。如圖8所示，低代碼開發平臺復用了HarmonyOS應用開發框架的接口，自動分析開發者在代碼中編寫的數據與事件，以便讓開發者對組件進行數據和事件綁定，讓頁面真正能動態化起來。

四、HarmonyOS低代碼開發示例

接下來給大家演示用低代碼開發一個運動健康頁面的原子化服務：

看完視頻，是不是覺得超簡單？只需通過“拖拉拽”就可以輕松完成UI界面開發，就算是沒有代碼基礎的小白也可以輕松上手，還在等什么，趕緊打開IDE快速開發你的UI界面吧。

HarmonyOS低代碼開發未來還將支持自定義組件，更多功能特性，敬請期待！

責任編輯：haq