先上图,实际完成效果:

image.png
image.png
image.png
image.png
image.png

1.添加应用图纸

登录by组态后台:http://www.byzt.net:90
image.png
点击组态管理-画面管理,先新建一个组态画面,填写画面名称,保存,进入组态画面。
image.png
选择画面管理,点击图示位置编辑画面,来构建组态。
image.png
开始画组态图。
image.png

2.组态绘制基础部分

image.png
由上面划分,我们可以在设计中设计自己需要的组件。在左侧菜单栏中选择图标使用现成的组件
image.png
可以点击我的图库,上传截图的图片资源。
image.png

在常用功能栏进行所需组件的绘制,例如添加图形、添加文本、图形之间的对齐等。
image.png
在编辑操作区主要是对图形边框、背影、是否立体进行操作。
image.png

3 .绑定云平台数据

点击数据按钮,在弹出的标签页中选择数据点及配置虚拟变量,点击确定,进行绑定。
image.png
image.png
全部完成后点击保存,然后点击右上角的预览,即可查看组态画面动态效果。
image.png
是不是很简单!!!

技术文档
官网网站:http://www.hcy-soft.com
体验地址:http://www.byzt.net:90


BY组态
1 声望0 粉丝