kingscada初级教程第四章现场画面

《kingscada初级教程第四章现场画面》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第四章绘制现场画面第四章绘制现场画面本章内容&认识图形编辑器&制作精灵图&制作图形模型&制作现场画面第一节认识图形编辑器在本章我们将利用KingSCADA3.1强大的绘图工具来制作现场的流程画面，画面的组成包括管道、阀门、水泵、反应釜、储藏罐等等。在制作过程中我们还会用到图库精灵、图形模型等功能。KingSCADA3.1图形编辑器中即绘制现场的画面，包括监控画面、趋势画面、报警画面、现场流程图等，还可以为画面中的图素设置连接动画，编写按钮的控制程序等等。图形编辑器为您提供了强大的绘图工具，不仅提供了基本绘图工具、扩展绘图工具、WindowsUI

2、绘图工具还提供了精灵图库，大大提高了工程开发的效率。启动图形编辑器的方法如下：在KingSCADA3.1工程开发环境（KingMake）中单击“编辑”菜单中的“图形系统”命令，即可弹出画面编辑器，如图4-1所示：图4-1画面编辑器画面编辑器包括：菜单栏、工具栏、工具箱、编辑界面、动画连接窗口、内容窗口、对象浏览窗口、属性配置窗口。在画面编辑器中开发画面时，可以随时切换到运行环境，测试画面效果，提高生产率和缩短开发周期。北京亚控科技发展有限公司第四章绘制现场画面图形系统的绘图工具：图形系统的绘图工具有三部分组成：基本工具、扩展工具和Windows

3、UI。每种图素都包含一系列的对象属性，属性窗口中包括图素的名称、大小、位置等外观通用属性，用户可以对这些属性进行修改。同时每种图素还有自己的独特的属性。详细的图素属性说明请参考KingScada3.1操作手册，下面简单介绍几种图素的制作。新建画面：在KingSCADA3.1图形编辑器中执行“文件”菜单中的“新建画面”命令，弹出如图4-2所示：输入画面名称，例如“学习”，设置画面大小，然后点击“确定”。如图4-2所示：图4-2新建画面1、圆角矩形框：选择基本图形工具的圆角矩形框，然后将图素放置在画面上。圆角矩形的属性如图4-3所示：我们主要用到的

4、属性为：Pen：矩形边框属性；Brush：矩形画刷属性；DrawOption：矩形框显示属性；现在我们先设置Pen属性，点击弹出设置线属性对话框，如图4-4所示，我们选择线的宽度为3，其他不变。然后我们设置Brush属性，点击弹出设置画刷对话框，选择“线性”如图4-5所示，设置画刷的属性。DrawOption属性可以设置显示的方式，其他属性的设置请参考操作手册。北京亚控科技发展有限公司第四章绘制现场画面图4-4线属性设置图4-5画刷属性设置北京亚控科技发展有限公司第四章绘制现场画面图4-3圆角矩形属性2、文本：文本用来显示一个文本字符串，只能进

5、行单行显示，该文本的大小随图素的尺寸而变化，非常适用于值输出的显示；对于多行文本的显示，建议使用Windows控件中的文本框或超级文本，文本框部分属性如下：Text：显示的文本内容；TextFont：显示的文本的字体；TextBrush：显示的文本的颜色画刷；选择基本图形工具的文本T，然后将图素放置在画面上。可以通过属性设置文本的内容、文本字体、文本颜色等等属性。我们将文本“Text”修改为“##”，然后使用动画连接“添加连接”选择模拟值输出，如图4-5，4-6所示使用模拟值输出动画连接，连接变量“\localliquid_level”。北

6、京亚控科技发展有限公司第四章绘制现场画面图4-5动画连接图4-6模拟值输出需要注意的是：当文本对象在开发状态下，输入带有“#”的字符，即为数值类型的通配符，即当该字符串进行数值类型输出动画连接时，将文本中第一次遇到的#显示得到的数值，按照动画连接中设定的数值格式显示，例如：1、当文本内容为“#米”时，而值输出动画连接要显示的数据为20.4，则运行时，该文本显示“20.4米”；2、当文本内容为“此时液位高度为#米”时，而值输出动画连接要显示的数据为20.4，则运行时，该文本显示“此时液位高度为20.4米”；北京亚控科技发展有限公司第四章绘制现场画

7、面3、当文本内容为“###米###”或者在单个#，则显示“20.4米###”，包括当输入文本为“##.##”时，也会将遇到的第一个不为#的字符替换为当前的数值显示，即显示为“20.4.##”，因此不需要使用该通配符进行格式化；4、当文本内容中不含有#号，却关联了数值输出类型的动画连接时，则在文本后面显示值输出，例如：原文本内容为“Text”，关联动画后，显示“Text20.4”；3、管道：管道是表示带有外壁并内部可以进行流动的特殊图素。管道部分属性如下：OOutterWidth：设置管道外壁的宽度，以像素为单位；OutterColor：设置管道

8、外壁的颜色；InnerWidth：设置管道内部的宽度，以像素为单位；InnerColor：设置管道内部的颜色；选择基本作图工具的管道，在画面中按照要求