元件配置-组态编辑器-有人云

### 页面设置
![](/Public/attached/20200521045226_74258.png)
页面设置是对页面画布属性的配置，在画布区域点击空白处，便会在右侧配置栏出现”页面”设置。
- 页面尺寸
设置页面画布的大小，支持快速选择系统给出的尺寸，也支持自定义设置画布尺寸。当元件的放置的位置超出设置画布的边界时，画布区域会按照设置尺寸的比例进行扩展。
- 背景颜色
![](/Public/attached/20200521045732_83720.png)
在”背景颜色”框弹出颜色拾取器。
- 页面密码
![](/Public/attached/20200521045746_54591.png)
为了防止其他人员对工程进行修改，在页面设置中可以进行页面密码设置。当进入一个组态页面时，必须正确输入密码方可进入访问。
操作步骤：
在”页面密码”分类点击”设置密码”按钮，出现设置密码的弹窗，在设置密码的输入框内输入合法的密码格式，点击“确定”按钮密码设置成功。点击“取消”按钮或“X”按钮，设置的密码无效，弹窗关闭。
![](/Public/attached/20200521115228_22582.png)

密码格式：密码长度不超过32个字符，密码可以是字母(区分字母大小写)、数字，不支持空格和符号。
- 阴影
支持给元件设置阴影效果，有利于营造明暗对比，增强画面结构。勾选”阴影”前面的选择框后，该画布上所有的元件都会生成阴影效果，取消勾选后，阴影效果消失。
- 网格
用于辅助在画布上的组态设计。勾选”网格”前面的选择框后，出现网格效果，可以设置网格的大小和颜色，取消勾选后网格效果消失。

### 数据配置
![](/Public/attached/20210930065100_34092.png)
支持对元件数据来源、功能、动效、交互的配置，部分元件配置的内容可能不同，不同处会在每个元件的配置中详细介绍
- 标题
支持给页面画布上的元件自定义设置标题，用于标记元件的作用等，在组态画面运行时不会显示设置的标题；
- 数据来源
![](/Public/attached/20200521050149_15776.png)
元件展示数据的来源。模板组态需选择从机和变量，独立组态需选择设备、从机和变量，所关联的变量就是产生数据的来源。
- 功能
![](/Public/attached/20200521050028_28092.png)
元件的一些非通用功能，例如变量值元件的变量值翻译。每个元件的功能可能不一样，关于元件的功能在每个元件的介绍中查看
- 动效
![](/Public/attached/20200521045831_66668.png)
动效有3种，分别为”闪烁”、”显示/隐藏”、”旋转”，目前仅变量值元件支持，且闪烁和旋转两种动效不支持同时设置。
闪烁：点击”闪烁”字段右侧的””按钮，出现设置闪烁动效的弹窗。设置绑定变量的最小值和最大值，为动效的触发条件，最多可以添加9条。
显示/隐藏：点击”显示/隐藏”字段右侧的””按钮，出现设置动效的弹窗。选择显示或者隐藏。设置绑定变量的最小值和最大值，为动效的触发条件，最多可以添加9条。
旋转：点击”旋转”字段右侧的””按钮，出现设置动效的弹窗。设置绑定变量的最小值和最大值，为动效的触发条件，最多可以添加9条。
- 交互
![](/Public/attached/20200521045842_61099.png)
交互有4种，分别为按下、抬起、单击、双击，目前支持交互功能的元件有文本、矩形、圆形、按钮以及图片。按下、抬起与单击、双击事件互斥不能共存。
#####  按下:运行组态画面时，鼠标左键按下时触发设置的该事件按下:运行组态画面时，鼠标左键按下时触发设置的该事件
点击”按下”字段右侧的””按钮，出现设置按下事件的弹窗；支持的动作为”给变量赋值”，然后设置从机、变量和要下发的值。不支持同时给同一个变量下发多个值，最多可以给9个变量设置下发值。在弹窗上勾选”操作前确认”后，操作元件时需要先进行确认后才能操作按下事件。
勾选了”按下”左侧的选择框后，事件才能生效，取消勾选后事件失效。
##### 弹起：运行组态画面时，鼠标左键抬起时触发设置的该事件弹起：运行组态画面时，鼠标左键抬起时触发设置的该事件
点击”弹起”字段右侧的””按钮，出现设置弹起事件的弹窗；支持的动作为”给变量赋值”，然后设置从机、变量和要下发的值。不支持同时给同一个变量下发多个值，最多可以给9个变量设置下发值。
勾选了”按下”左侧的选择框后，事件才能生效，取消勾选后事件失效。
##### 单击：运行组态画面时，鼠标左键点击时触发设置的该事件单击：运行组态画面时，鼠标左键点击时触发设置的该事件
点击”单击”字段右侧的””按钮，出现设置单击事件的弹窗；支持选择的动作有”打开链接”、”打开页面”、”给变量赋值”。
选择动作为”打开链接”时，在”链接”字段的输入框中配置链接（配置的链接需以http://或https:// 开头），事件触发时会在新窗口打开配置的链接页面；
选择动作为”打开页面”时，在”页面”字段选择要打开的页面，事件触发时会在窗口内进行页面跳转。
选择动作为”给变量赋值”时，需设置从机、变量和要下发的值。不支持同时给同一个变量下发多个值，最多可以给9个变量设置下发值。
##### 双击：运行组态画面时，鼠标左键点击两次时触发设置的该事件双击：运行组态画面时，鼠标左键点击两次时触发设置的该事件
点击”双击”字段右侧的””按钮，出现设置单击事件的弹窗；支持选择的动作有”打开链接”、”打开页面”、”给变量赋值”。
选择动作为”打开链接”时，在”链接”字段的输入框中配置链接（配置的链接需以http://活https:// 开头），事件触发时会在新窗口打开配置的链接页面；
选择动作为”打开页面”时，在”页面”字段选择要打开的页面，事件触发时会在窗口内进行页面跳转。
选择动作为”给变量赋值”时，需设置从机、变量和要下发的值。不支持同时给同一个变量下发多个值，最多可以给9个变量设置下发值。

### 样式配置
![](/Public/attached/20200521045420_92756.png)
配置元件在页面中的展示样式，包含元件标题、位置尺寸、文本、外观等，部份元件配置的内容可能不同。
- 标题
支持给页面画布上的元件自定义设置标题，用于标记元件的作用等，在组态画面运行时不会显示设置的标题；
- 位置和尺寸
设置元件在页面画布的显示位置和尺寸
X（轴）和Y（轴），以页面左上角为起点坐标[0,0]，设置X轴和Y轴的值，调整元件坐标位置。
W和H，即元件的宽度和高度。设置W和H数值，调整元件尺寸。
- 角度
以组件中心点，组价按顺时针方向旋转的角度。在”旋转”字段右侧，设置想要旋转的角度即可。
- 文本
对具备文本属性的元件，支持设置显示文本的字体、字号、颜色、对齐方式、加粗、斜体、下划线等
背景颜色
设置元件的背景颜色，点击图标””在拾色器上选择自己想要的颜色即可。
- 边框颜色
设置元件边框的显示颜色，点击图标””在拾色器上选择自己想要的颜色即可。
- 不透明度
设置组件显示的透明度。0%为完全透明，100%为完全不透明。