跳到主要内容

视图应用(HMI组态工具)

视图应用

视图应用(或称HMI组态工具)提供了一个编辑器,用户可以使用这个编辑器通过元素拖拽和堆叠的方法,自行构建监控界面(类似于SCADA软件)。

自定义设备表单不同的点在于:

  • 设备表单仅针对某一个设备,偏向于对该设备的“管理”,自定义监控可以同时对多个设备进行引用,偏向于对一个或者多个设备的“监控”
  • 设备表单具有一定的格式规范(卡片面板式),便于规范化管理设备;自定义监控可以由用于定义出更自由的监控样式

概述

进入 开放平台 视图应用 中新建视图应用功能实现。

点击视图应用进入视图应用页面,通过点击新建视图新建您的监控工程

您新建的视图应用将会逐个罗列在视图应用列表中,每个应用有以下操作:

新建工程

点击新建视图,输入视图名称,设置所属分组,设置完成后找到对应视图应用点击 开发 进入视图编辑器:

编辑器界面构成如下:

  • 控件元素区:组成视图应用的基本元素,可拖动元素区内控件到画布区;
  • 画布区:视图应用可视化编辑区域,画布区内元素可缩放/旋转/移动等操作;
  • 控件属性编辑区:选中画布区内控件时,对该控件的设置的参数等属性编辑的区域;
  • 控件交互区:选中画布内的一个或多个控件,可点击该区域按钮对控件执行对齐、锁定、编组等操作。

关联你的设备

设计界面前,先 创建设备关联,以便进行相关图表数据展示。

设计您的监控界面

控件元素

平台提供以下控件元素:

基础组件:

通用组件:

工控图库:提供各类工业设备的的图片素材作为控件

支持从资源库内导入及本地上传图片

控件属性

每一个控件的元素都包含通用的设置项(即所有元素都具备的项)以及该元素特有的设置项。

通用属性包括:

  • 显示条件:表示该控制在什么条件下会显示(反之不满足条件就不显示),目前可用于判断的条件为设备的实时数据
  • 外观:包括堆叠顺序(类似于Powerpoint或者Photoshop等制图软件中的图层顺序)、旋转(控件可以围绕中心点按一定角度进行旋转)、字体大小、颜色(如果该控件包含文字)、控件的边框(如果该控件包含边框)
  • 链接:可以为该控制设置一个链接,点击该控件时跳转到该链接。支持监控工程内页的跳转以及给定的一个外链接(比如www.baidu.com)的跳转
  • 动画:可以给控件设置一个固定的动画(类似Powerpoint中的动画设置)

非通用属性举例如下,不作全部列举:

  • 图片:上传图片文件;
  • 摄像头:监控视频互联网播放地址;
  • 图表:数据来源;

画布设置

详细画布设置操作方法见编辑器中的 帮助 教程。