KingSCADA初级教程 第四章 现场画面(同名).doc

第四章 绘制现场画面 本章内容 认识图形编辑器 制作精灵图 制作图形模型 制作现场画面 第一节 认识图形编辑器 在本章我们将利用KingSCADA3.1强大的绘图工具来制作现场的流程画面，画面的组成包括管道、阀门、水泵、反应釜、储藏罐等等。在制作过程中我们还会用到图库精灵、图形模型等功能。 KingSCADA3.1图形编辑器中即绘制现场的画面，包括监控画面、趋势画面、报警画面、现场流程图等，还可以为画面中的图素设置连接动画，编写按钮的控制程序等等。图形编辑器为您提供了强大的绘图工具，不仅提供了基本绘图工具、扩展绘图工具、Windows UI绘图工具还提供了精灵图库，大大提高了工程开发的效率。 启动图形编辑器的方法如下： 在KingSCADA3.1工程开发环境（KingMake）中单击“编辑”菜单中的“图形系统”命令，即可弹出画面编辑器，如图4-1所示： 图4-1画面编辑器 画面编辑器包括：菜单栏、工具栏、工具箱、编辑界面、动画连接窗口、内容窗口、对象浏览窗口、属性配置窗口。 在画面编辑器中开发画面时，可以随时切换到运行环境，测试画面效果，提高生产率和缩短开发周期。 图形系统的绘图工具： 图形系统的绘图工具有三部分组成：基本工具、扩展工具和Windows UI。 每种图素都包含一系列的对象属性，属性窗口中包括图素的名称、大小、位置等外观通用属性，用户可以对这些属性进行修改。同时每种图素还有自己的独特的属性。详细的图素属性说明请参考KingScada3.1操作手册，下面简单介绍几种图素的制作。 新建画面： 在KingSCADA3.1图形编辑器中执行“文件”菜单中的“新建画面”命令，弹出如图4-2所示： 输入画面名称，例如“学习”，设置画面大小，然后点击“确定”。 如图4-2所示： 图4-2 新建画面 圆角矩形框： 选择基本图形工具的圆角矩形框，然后将图素放置在画面上。圆角矩形的属性如图4-3所示：我们主要用到的属性为： Pen：矩形边框属性； Brush：矩形画刷属性； DrawOption：矩形框显示属性； 现在我们先设置Pen属性，点击弹出设置线属性对话框，如图4-4所示，我们选择线的宽度为3，其他不变。然后我们设置Brush属性，点击弹出设置画刷对话框，选择“线性”如图4-5所示，设置画刷的属性。DrawOption属性可以设置显示的方式，其他属性的设置请参考操作手册。  图4-4 线属性设置 图4-5 画刷属性设置 图4-3 圆角矩形属性 2、文本： 文本用来显示一个文本字符串，只能进行单行显示，该文本的大小随图素的尺寸而变化，非常适用于值输出的显示；对于多行文本的显示，建议使用Windows控件中的文本框或超级文本，文本框部分属性如下： Text：显示的文本内容； TextFont：显示的文本的字体； TextBrush：显示的文本的颜色画刷； 选择基本图形工具的文本T，然后将图素放置在画面上。可以通过属性设置文本的内容、文本字体、文本颜色等等属性。 我们将文本“Text”修改为“##”，然后使用动画连接“添加连接”选择模拟值输出，如图4-5，4-6所示使用模拟值输出动画连接，连接变量“\\local\liquid_level”。 图4-5 动画连接 图4-6 模拟值输出 需要注意的是：当文本对象在开发状态下，输入带有“#”的字符，即为数值类型的通配符，即当该字符串进行数值类型输出动画连接时，将文本中第一次遇到的#显示得到的数值，按照动画连接中设定的数值格式显示，例如： 1、当文本内容为“# 米”时，而值输出动画连接要显示的数据为20.4，则运行时，该文本显示“20.4 米”； 2、当文本内容为“此时液位高度为 # 米”时，而值输出动画连接要显示的数据为20.4，则运行时，该文本显示“此时液位高度为 20.4 米”； 3、当文本内容为“### 米 ###”或者在单个#，则显示“20.4 米 ###”，包括当输入文本为“##.##”时，也会将遇到的第一个不为#的字符替换为当前的数值显示，即显示为“20.4.##”，因此不需要使用该通配符进行格式化； 4、当文本内容中不含有#号，却关联了数值输出类型的动画连接时，则在文本后面显示值输出，例如：原文本内容为“Text”，关联动画后，显示“Text20.4”； 3、管道： 管道是表示带有外壁并内部可以进行流动的特殊图素。管道部分属性如下： OOutterWidth：设置管道外壁的宽度，以像素为单位； OutterColor：设置管道外壁的颜色； InnerWidth：设置管道内部的宽度，以像素为单位； InnerColor：设置管道内部的颜色； 选择基本作图工具的管道，在画面中按照要求画一条管道，然后根据需要设置相关的宽度、颜色属性，双击画面上的管道，“添加连接—