
回复
添加资源
添加资源将有机会获得更多曝光,你也可以直接关联已上传资源
去关联
【本文正在参与优质创作者激励】
Start Time: 14 February,2022
Author: Hairtail
Location: Gao Xing
Super Visual:表示使用低代码开发功能开发应用/服务
compileSdkVersion:编译SDK版本
designWidth:为屏幕逻辑宽度,所有与大小相关的样式(例如Width、FontSize)均以designWidth和实际屏幕宽度的比例进行缩放
autoDesignWidth为true:设置autoDesignWidth为true,此时designWidth字段将会被忽略,渲染组件和布局时按屏幕密度进行缩放。
(1)工程模板:Empty Ability
(2)开发模式:Super Visual(低代码开发模式)
(3)语言:JS
(4)设备种类:Phone/Tablet
(1)删除工程运行默认的入口文件夹(index)
(2)创建 JS Visua文件
(3)在page.visual进行低代码开发
pages > index > index.js:低代码页面的逻辑描述文件
pages > index > index.visual:存储低代码页面的数据模型
(1)功能区
功能区 | 作用 |
---|---|
**UI Control:**UI控件栏 | 可把其中控件拖入画布 |
Component Tree:组件树 | 展示层级定位,实现快速定位 |
Panel:功能面板 | 画布缩小放大、撤销、显示/隐藏组件虚拟边框、设备切换、模式切换、一键转化 |
Canvas:画布 | 可进行拖拽、拉伸等可视化操作 |
Attributes & Styles:属性样式栏 | 选中组件后进行属性设置 |
(2)Attributes & Styles:属性样式栏详解