当前位置: 首页 > article >正文

Harmony OS DevEco Studio低代码开发流程 - HarmonyOS开发自学5

一. 为什么要用低代码开发?

HarmonyOS低代码开发方式,具有丰富的UI界面编辑功能,例如基于图形化的自由拖拽、数据的参数化配置等,通过可视化界面开发方式快速构建布局,可有效降低用户的时间成本和提升用户构建UI界面的效率。

二. 低代码开发步骤

1. 创建新的工程

在如下界面中,打开红框中的 “Enable Super Visual”开关,工程中将自动创建可以自由拖拽的界面设计文件

cke_5300.png

2.目录结构

   来个重要的文件,

   1) index.ets, 定义界面需要绑定的数据,包括基础数据类型,组合数据类型,或者类

   2) index.visual, 用于进行界面设计,并在属性窗口设置与index.ets文件中数据的绑定

  

cke_39299.png

3. 什么数据可以绑定到界面?

   可以绑定的变量有以下两种:

   1)在index.ets文件中,用@state 定义的变量,

       @State 表示组件中的状态变量,此状态变化会引起 UI 变更。

   2). 在resource/base/element/string.json中红框的变量

        

cke_92690.png

4. 如何绑定

    比如index.ets中用@State修饰的字符串变量message,可以绑定到界面中的“Hello World” Text组件

    

cke_99518.png

 按下图操作,即可完成绑定

cke_150857.png

5. 当修改message变量的值时,界面上的显示也发生改变

   

cke_183919.png

cke_185304.png


http://www.kler.cn/a/306425.html

相关文章:

  • Spring Cloud Gateway(分发请求)
  • 国家网络安全法律法规
  • 鸿蒙自定义UI组件导出使用
  • 使用pytest+openpyxl做接口自动化遇到的问题
  • pip3 install -e .[stable]讲解
  • 金价大跌,特朗普胜选或成导火索
  • 【Linux进程】Linux Shell编程实战:构建简易脚本示例与技巧详解
  • Unity3D 小案例 像素贪吃蛇 02 蛇的觅食
  • Oracle EBS中AR模块的财务流程概览
  • 安全API
  • 综合案例-数据可视化-柱状图
  • python 读取excel数据存储到mysql
  • JVM 运行时数据区域
  • Amazon EC2:引领企业迈向云计算的未来
  • Lua 拷贝
  • 本地调试spark,访问kerberos鉴权的hdfs、hive
  • SOEX解锁Web3社交软件的无限可能
  • strncpy函数的使用和模拟实现
  • 远程Linux网络连接( Linux 网络操作系统 04)
  • Flutter启动无法运行热重载
  • 动态库相关知识解析
  • 教育培训小程序开发,简单实用的入门指南
  • GO 匿名函数
  • 【python版】示波器输出的csv文件(时间与电压数据)如何转换为频率与幅值【方法③】
  • 【解决方案】实验室管理系统(lims)整体解决方案设计书(word原件)
  • 探索Python轻量级数据库:TinyDB的奇妙之旅