设计器概览

当前设计器版本:0.9.0

1. 设计器概览

设计器总共由6个部分组成。分别是页面管理,库管理,数据源管理,工具栏,组件管理和主体画布。登录HiperMATRIX系统,左侧菜单栏依次选择【可视化界面】-【我的项目】,点击任一已创建的项目编辑按钮,即可进入可视化设计器。

1.1 页面管理

页面管理主要分为页面和组件两部分,创建多个页面意味着在发布项目后左侧会有菜单栏以及二级菜单,创建单个页面则不会含有菜单栏。组件中包含了单个页面的所有框架及组件的关系,通过拖拽组件在图层的位置可以调整组件的层级。详情参见页面管理

1.2 库管理

支持在一个可视化项目中设置多个弹窗,并在组件中增加交互事件,交互动作可选择弹窗并指定弹出窗口。详情参见库管理

1.3 数据源管理

支持两种类型的数据源。一种是通过HiperMATRIX边缘连接服务完成的设备数据接入,另一种则是数据库数据,当前版本支持的数据库类型为MYSQL和InfluxDB
详情请参见数据源管理

1.4 工具栏

当前版本包含的工具栏工具为:新框架,组合,取消组合,保存,导出,导入,发布,撤回,重做,复制,剪切,黏贴,格式刷,预览,打开,锁定,放大,缩小。详情请参见工具栏

1.5 组件管理

当前版本包含的组件为:按钮,单选框,复选框,滑动开关,文本输入,数字输入,日期输入,下拉菜单,圆环形进度条,直线型进度条,表格,选项卡,标签,数字标签,当前时间标签,图片,柱状图,折线图,饼图,雷达图,玫瑰图,框架,图标,自定义组件,工厂图标,视频。
创建组件后,可对组件位置、大小、交互动作进行配置,配置方式在右侧设置面板中。详情请参见组件管理

1.6 设计主体画布

中部空白部分是设计主题画布区域,通过拖拽组件进入画布完成页面布局。当前画布仅支持导出到PC,可以设置画布名称、分辨率、页面类型、背景颜色和背景图片。在画布上的组件支持双击和右键操作。详情请参见设计器画布
2023-10-25
0