HDC2021技术分论坛：HarmonyOS低代码开发介绍

作者：sunyuhui，wangxiaoyan，华为2012实验室软件IDE专家

什么是低代码开发？低代码开发主要特点有哪些？如何利用低代码开发原子化服务？本文带你一探究竟~

目录

一、什么是HarmonyOS低代码开发？

二、HarmonyOS低代码开发界面介绍

三、HarmonyOS低代码开发的主要特点

四、HarmonyOS低代码开发示例

---

一、什么是HarmonyOS低代码开发？

低代码开发，顾名思义，就是用更少的代码量，完成更高效的应用交付。低代码开发让更多的人可以参与到应用程序开发当中，不仅是具有专业编程能力的程序员，非技术背景的业务人员同样可以构建应用；对于大型企业来讲，低代码开发还可以降低IT团队培训、技术部署的初始成本。

二、HarmonyOS低代码开发界面介绍

如图1所示，低代码开发界面由UI控件栏、组件树、功能面板、画布、属性样式栏组成。

图1 低代码开发界面

① UI控件栏：可以将相应的组件选中并拖动到画布（Canvas）中，实现控件的添加。

② 组件树：在低代码开发界面中，可以方便开发者直观地看到组件的层级结构、摘要信息以及错误提示。开发者可以通过选中组件树中的组件（画布中对应的组件被同步选中），实现画布内组件的快速定位；点击组件后的图标，可以隐藏/显示相应的组件。

③ 功能面板：包括常用的画布缩小放大、撤销、显示/隐藏组件虚拟边框、设备切换、模式切换、可视化布局界面一键转换为hml和css文件等。

④ 画布：开发者可在此区域对组件进行拖拽、拉伸等可视化操作，构建UI界面布局效果。

⑤ 属性样式栏：选中画布中的相应组件后，在右侧属性样式栏可以对该组件的属性样式进行配置。

<