如何配置组态画面

效果展示

云平台项目中心中有组态画面的功能，能够集中展示数据，用图形组件清晰地展示设备的工作原理等，效果如下图所示。

1-1-1

1-1-2

进入画面编辑页面

组态画面的绘制编辑在【项目管理—项目列表—详情】中，点击并进入到项目，进入【配置—组态图】。

1-2

1-3 如果需要新的画面，可以点击【新建画面】，如果需要编辑已有的画面，可以双击画面，或是选中画面后，点击“编辑”，进入组态编辑界面。

1-4 绘制完的组态一定要点击左上角【文件—保存】。

点击左上角【文件—另存为模板】可存为模板使用，模板保存在【系统设置—组态管理—组态模板】中。

点击左上角【文件—导入模板】，可导入原先保存的模板来继续绘制。

1-5

调整画布尺寸 添加背景图片

首先根据需要调整画布尺寸，界面右侧，一般选择“1080×1920”，“横向”。 页面左上角工具栏可以调整显示比例，方便编辑。 一般需要插入背景图片，在菜单栏选择“附加-背景图片”。

1-6 添加背景窗口。

1-7

添加图形组件

背景图片添加好之后，从左侧的组件库选择需要的组件，单击组件可以将其添加到画布上，选中画布上的组件，右边的编辑栏中可以编辑组件的样式，文本和布局。

1-8

修改组件字体字号

需要注意，组件内文本的字体大小默认为12，一般需要更改，这里以字号24为例，选中组件后，可侧可更改下图红框中的数字，然后回车，即可。右侧内容为修改组件样式。

1-9

关联组件和数据项

选中组件右键，选择绑定，在弹出的绑定窗口中，选择需要的数据项并保存，就可以将组件和数据项关联起来。

1-10 绑定类型中一般应用到的是绑定网关设备数据项（用于绑定一个网关设备下某条数据项展示该数据项采集到的值或者状态），绑定组态（点击该按钮可跳转组态），绑定网关设备状态（绑定一个设备展示设备是否在线的状态，绿色为在线红色为离线）。绑定设备数据项或者绑定组态的时候，如果平台上的控件不满足需求可以自行上传图片后进行绑定完成想要的效果。若绑定设备状态就随意使用一个组件即可。

1-11

绑定的数据项设置文本颜色等映射

再添加一个图形组件，绑定一个开关量，并设置控制映射和数据映射。（映射作用为在组态显示时直接将采集到的数字显示为文本、颜色、图片）

1-12 可另建一个图形组件绑定同一个开关量数据项，并且不做映射，作为对比，查看最后效果。

1-13 对比效果如下图。

1-14

添加文本组件

在组件库-通用里可以找到文本组件，如图所示。

文本组件一般用于提示说明。

1-15

添加动态水流和液位容积等智能组件

在组件库-智能控件里可以找到动态水管组件，如图所示。

1-16 在组件库-智能控件里可以找到液位容积组件，添加组件后可以右键绑定数据项，并设置上下限，数据调整中可在组态层面上对这条数据进行+-*/的运算；小数位数可调整在组态上显示的该数据项的小数长度。 该组件可以和其他图片组合，表示水箱等真实设备的工作状态。

1-17

1-18

1-19

添加图片素材

如图所示，在菜单栏点击管理-图库管理，在弹出的窗口中创建目录，上传图片。

图片也可至【系统设置—组态管理—组态资源】中上传。

1-20

1-21 上传成功后，刷新网页即可在组件库找到刚才上传的图片，如图所示。

注意：刷新网页前一定要在菜单栏文件-保存，保存当前编辑的组态，上传的图片一般在组件库最下方。

1-22

绑定组态实现画面跳转

选择一个组件或图片右击绑定组态，选择其他组态画面，在项目中心的组态画布展示上点击该组件即可跳转到另一张组态。

1-23

如何绑定多数据项并进行运算

选择一个组件右击绑定网关设备多数据项，在JSON字符串中配置参数，也就是运算规则。如下图中(A+B+C)/3，那么A、B、C分别代表3个数据项。再添加数据项选择ABC分别对应的数据即可。

1-24

通过组态控制数据

组态画面编辑完成后保存，回到【项目详情—组态】可查看组态展示，如果数据项本身是可控的，在组态界面上点击组件，可以对其进行控制。（控制样式或映射在组态编辑中完成）

1-25

1-26