Harmony OS DevEco Studio低代码开发流程 - HarmonyOS开发自学5
一. 为什么要用低代码开发?
HarmonyOS低代码开发方式,具有丰富的UI界面编辑功能,例如基于图形化的自由拖拽、数据的参数化配置等,通过可视化界面开发方式快速构建布局,可有效降低用户的时间成本和提升用户构建UI界面的效率。
二. 低代码开发步骤
1. 创建新的工程
在如下界面中,打开红框中的 “Enable Super Visual”开关,工程中将自动创建可以自由拖拽的界面设计文件
2.目录结构
来个重要的文件,
1) index.ets, 定义界面需要绑定的数据,包括基础数据类型,组合数据类型,或者类
2) index.visual, 用于进行界面设计,并在属性窗口设置与index.ets文件中数据的绑定
3. 什么数据可以绑定到界面?
可以绑定的变量有以下两种:
1)在index.ets文件中,用@state 定义的变量,
@State 表示组件中的状态变量,此状态变化会引起 UI 变更。
2). 在resource/base/element/string.json中红框的变量
4. 如何绑定
比如index.ets中用@State修饰的字符串变量message,可以绑定到界面中的“Hello World” Text组件
按下图操作,即可完成绑定
5. 当修改message变量的值时,界面上的显示也发生改变