“画面组态编辑”的版本间的差异

添加341字节 、 2021年8月11日 (三) 19:00
使用一些代码块
(图片宽度设定为1100像素,保证能在15村笔记本上看全)
(使用一些代码块)
第35行: 第35行:


* 文字:静态/动态文字展示,可配置颜色大小等,可订阅变量来输出,也可以添加点击事件
* 文字:静态/动态文字展示,可配置颜色大小等,可订阅变量来输出,也可以添加点击事件
* 时间展示:展示当前HMI时间,可配置格式化例如 :YYYY-MM-DD HH:mm:ss.SSS为2021-07-29 18:55:33.730
* 时间展示:展示当前HMI时间,可配置格式化例如 :<code>YYYY-MM-DD HH:mm:ss.SSS</code> 为2021-07-29 18:55:33.730
* 进度条:简单的进度条,根据进度展示进度,可配置颜色、宽度、和表盘类型的进度
* 进度条:简单的进度条,根据进度展示进度,可配置颜色、宽度、和表盘类型的进度
* 菜单:提供了树形可折叠菜单,方便导航、跳转画面
* 菜单:提供了树形可折叠菜单,方便导航、跳转画面
第74行: 第74行:
# 组件选择不到:  建议复杂组件输入好相应的名称,在左侧点击展开方便查找;  深度太浅的组件也没有在大的盒子里,只能从左侧尝试点击item来找到;  有些盒子内的组件占满了盒子,这时候只能通过点击盒子内的组件,然后到左侧点击选中的父级item(可能要点两次)
# 组件选择不到:  建议复杂组件输入好相应的名称,在左侧点击展开方便查找;  深度太浅的组件也没有在大的盒子里,只能从左侧尝试点击item来找到;  有些盒子内的组件占满了盒子,这时候只能通过点击盒子内的组件,然后到左侧点击选中的父级item(可能要点两次)
# 一个组件的数据订阅:多个订阅之间互不影响,都是独立执行的,也可以多个订阅同时订阅一个变量。
# 一个组件的数据订阅:多个订阅之间互不影响,都是独立执行的,也可以多个订阅同时订阅一个变量。
# 数据订阅逻辑:  首先由一个变量出发(目前是三种类型 ,PLC 变量是通过PLC读过来的 ,LOC 变量是内部变量没有地址 ,SCR 变量是画面级别的内部Props,只能在被当做template调用时赋值)  多个触发器之间是顺序判断相当于  if (触发器1){ then 设置属性A; 设置属性B} else if (触发器2) { then 设置属性C; } else if (触发器3){ then ... } else{ ....}  最后一条如果没有写条件的相当于走到了else
# 数据订阅逻辑:  首先由一个变量出发(目前是三种类型 ,<code>PLC</code> 变量是通过PLC读过来的 ,<code>LOC</code> 变量是内部变量没有地址 ,<code>SCR</code> 变量是画面级别的内部Props,只能在被当做template调用时赋值)  多个触发器之间是顺序判断相当于  if (触发器1){ then 设置属性A; 设置属性B} else if (触发器2) { then 设置属性C; } else if (触发器3){ then ... } else{ ....}<syntaxhighlight lang="javascript">
# Bool值的一些问题:在SCADA中bool类型的触发条件和设定变量值时 是true和false ,而对于Word取位的判断则需要用1和0判断(后续可能要优化)
if (触发器1) {
  设置属性A;
  设置属性B
} else if (触发器2) {
  设置属性C;
} else if (触发器3) {
  ...
} else {
   ...
}
</syntaxhighlight> 最后一条如果没有写条件的相当于走到了else 分支
# Bool值的一些问题:在SCADA中bool类型的触发条件和设定变量值时 是<code>true</code>和<code>false</code> ,而对于Word取位的判断则需要用1和0判断(后续可能要优化)
# 数据订阅的一个触发条件可以同时设置多个属性,例如可以同时设置颜色和背景色;事件也可以设置“回调”多个变量值(不过更推荐“同时设置多个变量值”的功能)
# 数据订阅的一个触发条件可以同时设置多个属性,例如可以同时设置颜色和背景色;事件也可以设置“回调”多个变量值(不过更推荐“同时设置多个变量值”的功能)
# 取反功能:在回调里设置类型“将变量在固定值中切换”,然后添加两个值,分别 是true和false
# 取反功能:在回调里设置类型“将变量在固定值中切换”,然后添加两个值,分别 是<code>true</code>和<code>false</code>
# 可见性设置:如果需要配置一块元素的可见性,订阅一 个bool 的变量 ,true 时可见 ,false 不可见,则可以只需要设置一个触发器“触发条件选空,设置属性’显示‘->’为变量值'"(推荐这么设置,当然设置两个条件去做也是没问题的)
# 可见性设置:如果需要配置一块元素的可见性,订阅一 个<code>bool</code> 的变量 ,<code>true</code> 时可见 ,<code>false</code> 不可见,则可以只需要设置一个触发器“触发条件选空,设置属性’显示‘->’为变量值'"(推荐这么设置,当然设置两个条件去做也是没问题的)