ThingsKit物联网平台可视化工具之组态编辑器

概述

组态设计器的作用是让用户可以通过简单的拖拽和配置，创建出符合自己需求的SCADA/组态界面。它可以帮助用户快速构建出完整的组态，而不需要过多的编码知识和复杂的操作。

编辑器的特点

• 可视化编辑：用户可以通过简单的拖拽和放置，添加元素，如文本、变量、视频、图表、控制按钮、参数配置等。
• 实时预览：用户可以在编辑过程中实时预览组态效果，以便更好地进行调整和配置。
• 丰富的内容：编辑器还提供了丰富的模板和样式，可以满足不同用户的需求。
• 响应式设计：编辑器通常支持响应式设计，可以根据不同的屏幕大小和设备类型，自动调整组态布局和样式。
• 导入和导出：用户可以将编辑好的组态页面导出为XML文件，并分享给其他人；导入到编辑器中。

功能区介绍

菜单栏及常用操作

对于菜单栏，很多功能对用户而言，几乎不用关心；只有常用操作按钮，使用最为频繁。
下面就详细介绍一下常用操作按钮。
导入：导入功能主要是在数据迁移或者模板共享时，特别好用；将本系统其他平台上的XML模板；导入到自己的平台上面使用。
导出：导出功能就是将自己的模板，分享给别人，或者存档。

组件区域

组件区域中，我们将最为常用的元件放在了最开始的地方。
基础组件：这类组件可以方便用户设计和展示采集数据内容；其中包括Title组件、变量组件、线条组件、动态日期组件、图片组件、视频组件、告警列表组件等。
**控制组件：**这类组件的作用为对设备进行控制以及下发指令，以及其中包括开关组件、参数设置组件。
**图表组件：**这类组件的作用就是将动态的原始数据，通过图表类展示，使得数据更具有可读性，更加直观。

工作区域

工作区域，也为设计区域；您可以自由发挥，或者根据已有的效果图；设计出漂亮的工艺流程；您可以将各种组件随意的拖到工作区域；然后选中该组件，对每个组件进行样式设置；以达到最佳效果。

多页面管理

通常情况下，一个组态可以包含多个页面，每个页面可以展示不同的数据、信息或结果。
在很多组态展示中，通常会有用第一个页面直接的表达工艺流程；第二个页面则会做参数设置；便于用户在使用时，可以设置一些参数而提供便捷。

样式及数据配置

样式配置

在未选中任何组件时，视为对页面设置，包括页面背景、页面尺寸等设置。
在选中某个组件时，则是对这个组件的样式设置，包括边框、背景、字体颜色、字体大小等设置。

数据配置

数据配置在页面中叫数据绑定，根据不同的组件所绑定的内容以及效果不一样；
如变量组件，则需要通过设置设备类型、产品、组织、设备、属性五要素；从而实时读取到属性的值。

文章来源（首发地址）：ThingsKit物联网平台