基于HarmonyOS低代码开发的学习与应用简介官方文档：使用JS语言开发（低代码方式）官方文档：使用低代码开发1.低代码开发相关概念低代码开发：通过UI界面编辑功能进行低代码开发支持版本：DevEcoStudioV2.2Beta1及以上，compileSdkVersion6及以上支持模板：（DevEcoStudio3.0Beta2compileSdkVersion7及以上）EmptyAbilitySport和健康能力适用设备范围：PhoneTablet语言：JS开发范围：JS应用/服务服务UI界面开发JS服务卡开发的两种常用方法：在新项目中：选择SuperVisual支持低代码开发在老项目中：创建JS可视化文件进行低代码开发屏幕适配两种方式：指定designWidth，设置autoDesignWidth为true低代码页面分辨率：1080*2340（P40），屏幕密度为3低代码多语言支持：定义resourcefiles(定义在i18n文件夹中)参考资源文件($t方法)SuperVisual:表示使用低代码开发功能开发application/servicecompileSdkVersion：编译SDK版本designWidth：为屏幕的逻辑宽度，所有尺寸相关的样式（如Width、FontSize）均按照designWidth与实际屏幕宽度的比例缩放autoDesignWidth为true：设置autoDesignWidth为true，这个designWidth字段将被忽略，组件和布局将在渲染时根据屏幕密度进行缩放。思维导图二、低代码开发页面制作（1）创建项目（1）项目模板：空能力（2）开发模式：SuperVisual（低代码开发模式）（3）语言：JS（4）设备类型：手机/平板（二）创建页面1.新建一个项目（EmptyAbility），创建后立即使用。2.新建一个旧工程（1）删除工程，运行默认入口文件夹（index）（2）新建一个JSVisua文件（3）page.visual低代码开发3、低代码开发详解接口（一）目录详解pages>index>index.js：低代码页的逻辑描述文件pages>index>index.visual：存放低代码页的数据模型注：（1）如果创建了多个低代码页面，会在js->default->pages目录下生成多个页面文件夹和对应的js文件，在supervisual->default->pages下会生成多个页面文件夹和对应的visual文件.（2）在模拟器或真机调试/运行前需要点击按钮将JSVisual文件转换成hml和css代码（不可逆过程）（3）如果要在多台设备上开发阿德莱德场景，需要切换设备或Mode切换（4）创建JS可视化文件时，如果模块的compileSdkVersion低于7，会自动降级匹配（2）visual可视化界面详解（1）功能区（2)Attributes&Styles：详解属性样式栏四．低代码开发拖动、拉伸、设置样式、设置事件示例设置样式就是在Event选项对应的事件中填写index.js中写的函数名。更多信息请访问：与华为官方共建的Harmonyos技术社区https://harmonyos.51cto.com
