组态软件操作指引绘制现场画面

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

2、率。在KingSCADA工程设计器中，单击“编辑”菜单中的“图形系统”命令，即可弹出画面编辑器，如 图4-1所示：minssw3面3q a a qO Q sV|O ,阳L:盅L E3 eb 口日面 M造回口国出了意 序1k而F 口口危通用槐件工L 巴回文件口 羯我 瑞圈 sifter 抵制如 而口心 泰助如:A 一口 I 4二 N固固I 团.r?刘妣瓯也 M.0 Id时热已蹄 一 *于菽9 Hi st自写 B.dGGund I I 盹笆 Iirfilthiili ty trueH fi .Ana1 t皿 * cvTkll04rEtlst 口8帮叱EtlkSiEHahlaEbIeiAgEoV*心

3、VindwSlyl*OvitrliyEb日律5子mfl wit日 TLiidrLbAl3 AB. d DHI ind4SzLSO,I睫4 riclurtSaitLS8O,l(E4DptnKlvayxE0ie*HLdQrDwdh 4I01回 TornklCwaml图4-1画面编辑器北京亚控科技发展有限公司-36 -第四章 绘制现场画面画面编辑器包括：菜单栏、工具栏、工具箱、编辑界面、动画连接窗口、内容窗口、对象浏览窗口、 属性配置窗口。在画面编辑器中开发画面时，可以随时切换到运行环境，测试画面效果，提高生产率和缩短开发周期。图形系统的绘图工具：图形系统的绘图工具有三部分组成：基本、扩展、UI控件

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

5、Pen:矩形边框属性；Brush ：矩形画刷属性；DrawOption :矩形框显示属性；现在我们先设置 Pen属性，点击 以弹出设置线属性对话框，如图 4-3、4-4、4-5,所示，我们选择线 的宽度为3,其他不变。然后我们设置Brush属性，点击 且弹出设置画刷对话框，选择“线性”如图4-5所示，设置画刷的属性。DrawOption属性可以设置显示的方式，其他属性的设置请参考操作手册。属性d X1*-3.外Bi scNameRoundRectlfalsaCommentBounds0111口 348 00Location73.0, T9.0ETr ansf OTBiatioiiRotatio

6、n0.00Sheari宜莒0.00国Rei at i v&C ent er0.0/ 0,00Kb s olut&C eitt er128,5, 253.0日StylePen三实线，1Brush匚二1纯色Dr wOpt i onBrawEdgeAn IF ill日D a0R中皿必i ce0.5HarizontalFillF.100. 00Verti caUillPen100 00Hori zontd.Fi 1101Le EtTRightVerticalFillOri，BtittomToTcpPercantFillMadeNonePerctntFillSrusl他色臼EditEditLockfal

7、setrg日Secvxi tySecuri tyPri or it：1Stcur i tySfictirflnNene,UIVisiUetrueEnabletru4Tabindex0HotKey(KoneDEn本bL电TooltipfalseTacltipText图4-3圆角矩形属性图4-4线属性设置图4-5 画刷属性设置北京亚控科技发展有限公司-38 -第四章 绘制现场画面.文本文本用来显示一个文本字符串， 只能进行单行显示，该文本的大小随图素的尺寸而变化， 非常适用于 值输出的显示；对于多行文本的显示， 建议使用 Windows控件中的文本框或超级文本， 文本框部分属性如 下：Text:显

8、示的文本内容；TextFont:显示的文本的字体；TextBrush ：显示的文本的颜色画刷；选择基本图形工具的文本 T,然后将图素放置在画面上。可以通过属性设置文本的内容、文本字体、 文本颜色等等属性。我们将文本“ Text”修改为“ #，然后使用动画连接“添加连接”选择模拟值输出，如图 4-6, 4-7 所示使用模拟值输出动画连接，连接变量“ localliquid_level ”。图4-6 动画连接北京亚控科技发展有限公司-39 -第四章 绘制现场画面图4-7模拟值输出需要注意的是：当文本对象在开发状态下，输入带有“#的字符，即为数值类型的通配符，即当该字符串进行数值类型输出动画连接时，

9、将文本中第一次遇到的#显示得到的数值，按照动画连接中设定的数值格式显示，例如：1）当文本内容为“ #米”时，而值输出动画连接要显示的数据为20.4,则运行时，该文本显示“ 20.4米”；2）当文本内容为“此时液位高度为#米”时，而值输出动画连接要显示的数据为20.4,则运行时，该文本显示“此日液位高度为20.4米”；3）当文本内容为 #米#或者在单个#,则显示“ 20.4米#，包括当输入文本为 #.# 时，也会将遇到的第一个不为#的字符替换为当前的数值显示，即显示为“20.4.#，因此不需要使用该通配符进行格式化；4）当文本内容中不含有#号，却关联了数值输出类型的动画连接时，则在文本后面显示值

10、输出，例如：原文本内容为“ Text”，关联动画后，显示“ Text20.4”；.管道管道是表示带有外壁并内部可以进行流动的特殊图素。管道部分属性如下：OutterWidth :设置管道外壁的宽度，以像素为单位；OutterColor ：设置管道外壁的颜色；InnerWidth :设置管道内部的宽度，以像素为单位；北京亚控科技发展有限公司-40 -第四章 绘制现场画面InnerColor ：设置管道内部的颜色；选择基本作图工具的管道，在画面中按照要求画一条管道，然后根据需要设置相关的宽度、颜色属性,双击画面上的管道，添加连接一基本一管道流动”，离散值输入中选择“ localwater_pump

11、 ,如果“localwater_pump ” 变量为1,管道流动，如图 4-8。n图4-8管道流动.按钮按钮可以设置成普通的按钮，也可以设置成多态按钮，按钮部分属性如下：FlatStyle :置按钮外观风格；Font:设置按钮文本的字体；Background :设置按钮的背景颜色；Foreground :设置按钮的前景颜色，即文本的颜色；Style:两种选择，常态和多态，当按钮处于常态时，使用 Background属性进行按钮背景的填充；当 选择多态时，可使用以下属性配置对按钮进行操作时相应的按钮背景颜色：$ PressedBackground:当按钮按下时，按钮显示的背景颜色F Focuse

12、dBackground :当按钮处于焦点时，按钮显示的背景颜色D DisabledBackground :当Enable”属性设置为false时有效，即按钮不可操作时，按钮显示的背 景颜色Caption :设置按钮上显示的文本；ShapeStyle：设置按钮的形状我们制作一个按钮，并且将此按钮的控制功能与前面的管道结合起来使用，通过按钮来控制管道是否流动。北京亚控科技发展有限公司-41 -第四章 绘制现场画面选择扩展工具的按钮，然后在画面上画出一个按钮，设置按钮的颜色、文本、字体等等属性，如图4-9所示：我们设置按钮的文本为“阀门控制”，设置正常色、按下时颜色、获得焦点的颜色等等属性。Butt

13、on!Member AccessfalseCommentSiz134.0, 48。田Location294 0, 60.0on0 00Shearing0.00田Rei at i veC ent er0 0, 0.0国Ab s oluteC enter361 0, 84.0FlatStylfeStandardFantAriU 12.0Eackground匚二1批色F are ground我色Fr e w m e a士kgr 0311蛙色FogsedSackgroiu 1 英色EissibledB&ckgrai匚1%色Capti onButtonEditLockfalseEditVisibletr

14、ueSecur i tyFri ori tj1Securi tySecti onHane;图4-9按钮属性设置设置按钮的鼠标左键按下的动画连接，如图4-10, 4-11所示，我们将管道的流动动画与前面建立的变量valve_gate1结合起来，通过按钮控制阀门 1的开通、闭合状态，以及控制管道的流动与停止。脚本程 序如下：if(localvalve_gate1=false) localvalve_gate1 =true;localwater_pump =true;else localvalve_gate1=false;localwater_pump =false;北京亚控科技发展有限公司第四章

15、绘制现场画面-42 -图4-10按钮动画连接图4-11 按钮脚本保存画面有进行运行系统，我们就可以通过点击按钮来控制管道的流动啦。其他作图工具可以参考 KingSCADA的操作手册。北京亚控科技发展有限公司-43 -第四章 绘制现场画面第二节制作精灵图所谓精灵图就是在外观上类似于组合图素，但内嵌了丰富的动画连接和逻辑控制，工程人员只需把它从精灵图库中调出来放在画面上，再做少量的修改，就能完成复杂的控制功能。KingSCADA 的精灵图库中提供了大量工程中常用的精灵图，用户可以直接使用，也可以进行编辑， 如果精灵图库中没有适合您的精灵图，您也可以自己开发精灵图，然后将其放到图库中，以备日后使用。

16、我们下面就制作一个液位指示精灵图在这个工程中使用，这个精灵图即能够显示液位数值，也能够动态显示液位的高低。认识精灵图开发界面在KingSCADA图形编辑器中执行“文件”菜单中的“新建一精灵图”（如果是打开-精灵图，即可选择编辑已存在的精灵图）命令，弹出精灵图开发界面，如图 4-12所示：图4-12精灵图开发界面精灵图开发界面与图形开发界面很相似，由菜单栏、工具栏、工具箱、图形编辑区、属性窗口等组成, 操作方法也基本相似。创建精灵图第一步：制作精灵图外观在图4-12所示的图形编辑区编辑我们要做的精灵图形的外观，我们先利用前面讲的圆角矩形图素以及直线图素、文本图素，画出精灵图的各个组成部分，各个部

17、分的颜色需要通过调色板进行设置，设置出我们需要的绚丽的颜色。如图 4-13所示：这个精灵图的外观有6部分组成，我们用字母 A、B、C、D、E、F表示。然后将各个组成部分一起组合成我们需要的精灵图形，如图 4-14所示：这样精灵图的外观就做好 了。在组合精灵图的时候我们会用到图素上下层的调整，可以选中图素，点击右键，通过右键菜单“位置北京亚控科技发展有限公司-44 -第四章 绘制现场画面来调整，如图4-15所示。文件漏芍 0!S（y）对腰蚣批制四窗口 帮助四dr|qd|g， i困国巨回国驻 利国.：回a=圈锁国10*iHraQ *堇羊Fq 3 n 鼻 n。口 TT F/展卫口如此话 口国回：_出

18、；*T控件* 口国aH U1之国恒f与田口无标Jg_2* X图4-13精灵图的组成部分o110012001300院辑St5（I） CtrltI拷贝 Ctrl+C粘贴 g Ctrl+V除在我替换旧0D 组含 解娼（Q）对齐捧列卜位置3镣定E解锁购由连接配置.9工具箱患）；工连接0国内容对等项L:摩性通*愉出上承下楼置项置底图4-14 精灵图的外观图4-15右键菜单第二步：建立精灵图的属性、变量我们要考虑好精灵图在使用中需要暴露出那些属性需要在使用中进行修改以及精灵图具备那些功能。整体的背景颜色、需要动态显示的液位的颜色、在我们这个精灵图中我们可以考虑暴露到外面的属性包括: 液位高度的最大值、最小

19、值。需要关联液位高度的变量。北京亚控科技发展有限公司-45 -第四章 绘制现场画面属性定义：单击右侧“内容”选项卡，选中“属性”点击右键在弹出的右键菜单中执行“添加属性”命令，弹出图4-16所示属性定义对话框，我们先定义背景颜色，属性名称：BackColor,属性类型：Brush。点击“默认”后面的一弹出调色板，通过调色板设置默认的画刷类型与图4-13我们设置的画刷类型一致。图4-16属性定义按照这种方式我们再定义三个参数，液位颜色： fluidcolor ,类型：Brush;液位高度最大值：Max,最小值Min,类型：float。如图4-17所示，四个参数定义完成。图4-17参数定义北京亚控

20、科技发展有限公司-46 -第四章 绘制现场画面变量定义：在这里建立的变量是局部变量，只能应用在精灵图中，不能用在工程的其它地方。参数定义完成后我们定义关联液位高度的变量。如图4-18所示：选中“变量”，点击右键增加变量，弹出图4-19所示的变量定义对话框。添加受量内容EackColOT fluideolor复制 Ctrl+C靶贴区CLrl+V删除重命名闻变量配置图4-18增加变量无标题鼠标图4-21动画连接选择关联白变量：fluidValue ,此处只能够选择定义的精灵图的内部变量。北京亚控科技发展有限公司-48 -第四章 绘制现场画面选择缩放比例为：线性缩放。选择缩放的参考中心为：下。图4-

21、22 动画连接设置最小时对应的数值：点击匚弹出如图4-20所示的对话框，选择属性Min,然后确定。设置最大时对应的数值：点击 回弹出如图4-20所示的对话框，选择属性Max,然后确定。设置完成后如图4-23所示。点击确定完成设置。图4-23缩放动画连接定义北京亚控科技发展有限公司-49 -第四章 绘制现场画面第四步：保存精灵图至此所有的动画连接完成了，精灵图的开发也就完成了。单击“文件”菜单中的“保存”命令，弹出精灵图库对t框如图 4-24所示：我们选中最上面的Genius Graphy Folders”,点击右键弹出菜单，选择创 建一个新的文件夹，给文件夹命名，例如： my genius o

22、然后给这个精灵图命名，例如： geniusl。这样一个 精灵图就完成了。保存之后再打开，如图 4-25精灵图的制作不仅仅是用基本作图工具来绘制，我们也可以利用现有的精灵图通过修改来生成新的精灵图。我们在后面的工程画面的制作中也会用到此精灵图的。图4-24保存精灵图1图4-25保存精灵图2北京亚控科技发展有限公司-50 -第四章 绘制现场画面第三节制作图形模型图形模型和精灵图区别:.存储位置不同精灵图存储在安装目录-bin-Glib中，如果工程拷贝到另外一台计算机，不影响工程使用，但会影响工 程精灵图修改。图形模型存储在工程目录下，跟随工程。.实例传播不同精灵图一旦在画面中进行创建，即使模板进行

23、了修改，也不传播到已存在实例中去。图形模型则会传 播到已经存在的实例中去。图形模型：模拟现实中的生产设备，如锅炉、电机设备的图形展示、动画连接、安全设置、脚本语言 等，把这些功能组合在一起形成图形模型，用户在使用时只需要将模型实例化，即对图形模型进行一系列 配置，可以快速把图形展示及动态效果部署到工程中。图形模型相对于图库精灵的优势在于不仅仅具有动画连接，还可以编写脚本程序，同时当模型重新编 辑后，会把产生变化的内容更新到已经实例化的模型对象中。我们将前面做的精灵图与罐结合起来制作一个图形模型来在本培训工程中使用。制作过程如下：一步：制作图形模型的外观在KingSCADA开发环境的目录中选择“

24、视图” 一 “图形模型”选项，在右侧编辑区中单击“新建” 按钮，弹出对话框，如图 4-26所示：图4-26创建图形模型对话框如：模型描述、创建者、4-27所示:在图4-26中输入图形模型的名称如：罐，并根据需要设置该模型的其他选项,设置完毕后，单击“确认”按钮，该模型出现在开发环境的右侧编辑区中，如图北京亚控科技发展有限公司-51 -第四章 绘制现场画面 lake文件9 编辑 视图9 编译 工具复）帮助心新建为添加、端打开理查找陶大图标丐详细”编译图刊向解决方案BCMAEwm。新建X删除邑属性从文件中添加从库I.J ttEt|=| _i人机界面日视图,，画面图形模型国皿工运行设置-匚豆点图4-

25、27编辑区中的图形模型在图4-27中选中模型图标，双击图形模型图标，弹出对话框，如图 4-28所示:图4-28图形模型开发界面图形模型开发界面与图形编辑器界面具有相同的布局，由菜单栏、工具栏、图形编辑区、属性窗口和连接窗口等构成。我们利用基本作图工具椭圆、矩形框来制作罐体的外观，罐体（椭圆、矩形框）使用过渡色来体现金属质感，以增加罐体的美观程度。过渡色的设置可以通过Brush属性来设置。我们在罐体上添加一个可以显示液位高度的图素，利用圆角矩形和文本来实现。圆角矩形通过设置 Pen, Brush来设置提高图素美观程度。文本T可以修改文本的颜色、字体。如图4-29所示：为了以后在说明时简单一些，我

26、们将罐体设为 A图素，圆角矩形设为 B图素，文本设置C图素。北京亚控科技发展有限公司第四章 绘制现场画面-52 -图4-29图素制作.罐体设置完成后我们将精灵库中前面已经做好的精灵图取出来放置在罐体上面。点击工具栏图标. 口 一弹出精灵图库对话框，选择我们前面定义的精灵图文件夹“ my genius，如图4-30所示，选择右侧区域的 液位指示的精灵图，双击此精灵图，然后放置在图形编辑区域。精灵图我们就叫图素Do然后我们将精灵图与前面画的各种图素组合起来就制作完了 了一个罐的图形模型的外观了。如图4-31所示的罐的图形外观。在组合图素的时候我们会用到图素上下层的调整，可以选中图素，点击右键，通过

27、右键菜单“位置”来调整，如图 4-15所示。图4-30精灵图库北京亚控科技发展有限公司第四章 绘制现场画面-53 -EE前面编铸器文件g 编辑笛视团9 对象如绘制窗口如 帮助如O S I Q BI 4同国|回皂胤*,|第工具箱中x八2、汨*x图4-31图形模型外观poo第二步：建立图形模型的属性、变量制作属性、变量的方法与前面制作图库精灵的方法相似，具体操作可以参考前面讲解精灵图的属性、变量定义部分。定义的图形模型的属性为：罐体颜色（图素 A的颜色）、面板颜色（精灵图 D背景色）、液位指示颜色（精灵图D液位指示颜色）、文本框颜色（图素 B的背景色）、字体大小（图素 C的字体）、Max、Min（

28、对应精灵图 D的Max、Min属性，也就是液位的最大值、最小值），其中颜色类型选择 Brush,字体类型选才F Font, Max、Min选才? float类型。如图4-32所示：北京亚控科技发展有限公司第四章 绘制现场画面-54 -图4-32 图形模型属性设置定义图形模型的变量为：液位高度。此变量主要是与液位指示的精灵的变量进行关联显示液位，以及 与文本（图素 C）进行模拟值输出的关联。第三步：建立图形模型的动画连接图形模型的动画连接与前面讲解的精灵图的动画连接相似，主要是将我们前面定义的属性、变量与图 形模型的具体图素关联起来。建立图形与属性的关联：首先我们将罐体（图素 A）的颜色与“罐体

29、颜色”属性关联起来，选中作为罐体的圆角矩形，在右侧 的属性栏中设置 Brush属性，点击Brush属性后面的母按钮，弹出如图4-33所示对话框，选择我们前面定 义的“罐体颜色”属性，点击OK完成此属性的关联。同样的方式选择作为罐体一部分的椭圆，进彳T Brush属性的设置。图素B的颜色设置，选中圆角矩形然后设置右侧属性的Brush属性，点击Brush属性后面的口按钮弹出如图4-33所示对话框，关联图形模型的“文本框颜色”属性。文本图素C选择“#，然后设置右侧属性的 TextFont属性，点击TextFont属性后面的 回按钮弹出如 图4-33所示对话框，关联到图形模型的“字体大小”属性。北京亚

30、控科技发展有限公司第四章 绘制现场画面-55 -图4-33选择属性设置精灵图D的属性，选中精灵图，右侧精灵图的属性如图 4-34所示，首先设置“ BackColor”属性， 点击BackC010r属性后面的?按钮弹弹出如图4-33所示对话框，关联图形模型的“面板颜色”属性。同样 的方式设置“ fluidcolor”属性，关联图形模型的“液位指示颜色”属性。设置“ Max”属性，关联图形模 型的“ Max”属性。设置“ Min”属性，关联图形模型的“ Min ”属性。属性设置完成后，图形模型的属性变为如图4-35所示。BackColor匚二|线性口film deor纯色Max100,000000

31、Iflin0.0000001| 二卸板靓色Iui dcolor1_| =灌位指示薮色二 M二Min=MinTooltipText4-34属性关联前的精灵图属性图4-35属性关联后的精灵图属性建立图形与变量的关联：属性设置完成后我们再进行变量的设置。变量的设置主要有两个地方需要设置，一个是文本（图素C）的模拟量输出，一个是精灵图（图素 D）的液位高度。实际上两者关联的是同一个变量，即“液位高度” 变量。选中文本“ #，然后双击弹出如图 4-36所示对话框，点击“添加连接”，弹出下拉菜单，如图 4-37 所示，选择“值输出模拟值输出，弹出关联变量对话框，选择 ,弹出选择变量对话框，然后我们选择变量

32、“液位高度”，设置显示的整数位数、小数位数分别为2位，点击确定完成此动画连接的设置。北京亚控科技发展有限公司图4-36 动画连接-56 -第四章 绘制现场画面图4-37 下拉菜单精灵图变量的关联比较简单，选中精灵图，选择右侧的“连接”，显示如图4-38所示图形，点击 工弹出变量选择对话框，如图 4-39所示，此处即可以选择图形模型的变量，也可以选择系统变量。我们点击左侧的“This”，在右侧即可显示我们前面定义的图形模型的变量“液位高度”，选择此变量，点击“ OK”即 可完成精灵图变量的关联。动画集辑力旦区动而列表；守二1三|豹E1值入模拟值输入 ThUCFi ctureWraul 1表达式植

33、拟值 V液位高度根拟值输入值最小值:最大值:提示信息输入模拟值：口隐藏0使用默认值匚直接输入 回启用够盘100。滑块输入口连续写入图4-38连接北京亚控科技发展有限公司第四章 绘制现场画面-57 -图4-39选择变量这样我们图形模型变量的关联就完成了。建立图形模型的脚本程序：我们前面讲精灵图的时候可以知道精灵图是包含动画连接的，而图形模型不仅仅包含动画连接，还有 脚本程序。那么下面我们就举例说明图形模型脚本程序的使用方法。我们假定在通过文本“ #显示液位高度的时候让此文本根据不同的数值显示不同的颜色，例如当液 位高度超过90%或者低于10%时用报警色（例如红色）显示，在 10% 90%之间时用

34、正常色（例如绿色） 显示，我们就可以使用图形模型的脚本程序了。图形模型脚本主要有三种，分别为“打开时”、“存在时”、“关闭时”三种。我们要设置文本的颜色，需要先设置文本颜色的属性，属性的设置与前面讲过的操作方式相同。参考 如图4-40所示：我们增加属性参数“报警色”、“正常色”，他们的类型都是“ Brush”类型。默认的颜色通 过调色板进行设置。北京亚控科技发展有限公司图4-40 定义参数-58 -第四章 绘制现场画面参数设置完成后我们进行脚本程序的编写：注意不要选择任何图素，然后在右侧的“连接”，通过点击“添加连接一基本”弹出如图4-41所示，我们先编辑“打开时”脚本。如图 4-42所示：脚

35、本程序如下：float HAlarm;float LAlarm;HAlarm=Max*0.9;LAlarm=Max*0.1;if（液位高度LAlarm|液位高度HAlarm）Text1.TextBrush=报警色;else3000毫秒，我们Text1.TextBrush=正常色;同样的方式增加“存在时”脚本，脚本程序与“打开时”相同，默认的执行周期为修改为1000毫秒。如图4-43所示:311 3. I 百厘| 图4-41增加脚本北京亚控科技发展有限公司第四章 绘制现场画面-59 -动画组拉日叵I区建4 1/1 打开时 险变星勃酉而囱面面轴函数函数声明：void01 C.1LetDnDpenf

36、 float HAlarm;Float LAlarn;ilAlji m-lldx0.9;LAlarm=Max*0,1;1乳液位高度工L Ria | 渡位高度: HQ arm)TckU .TcxtBruf h=报警色;eleTcKtl .TcxtBf ush=正常色；培象性量 同对雇变 囹_!$“ ffiM打 JTD1应用重置取消图4-42 打开时脚本存在时Ln %Col 13T?WTru-存在时True一日动画列表：分D1 $!Float IIAldrn；Float LAldrn；HALdrnkMdx*D.9；LflLdriikMdx*a.1 ；iff液位高度LRIarm| |液位高度)HUl

37、arm)Textl .TEKtBrush报警色；elseTextl .TextBrUsrfT,V ；加voidV/hfeOpen(鱼除变量,配方卫画面。函数 函数声明.存在时年 1000字曾量性量保对雇殳输出a XMessageFosi tionA=编译：】成功，0央哝=V重置取消图4-43 存在时脚本我们这里用不到“关闭时”，所以就不进行“关闭时”脚本的设置了。 这样图形模型的脚本程序就完成了。北京亚控科技发展有限公司-60 -第四章 绘制现场画面第四节 制作现场流程图我们利用前面讲的基本图素、亚控公司提供的精灵图和我们前面制作的图形模型来制作现场的流程画 面。新建画面在KingSCADA图

38、形编辑器点击“文件”菜单的“新建画面”命令，弹出对话框，如图 4-44所示:图4-44新建画面对话框对话框设置如下：名称：监控画面画面位置：左边：0 顶端：0显示宽度：1280显示高度：1024画面宽度：1280画面高度：1024北京亚控科技发展有限公司-61 -第四章 绘制现场画面画面类型：覆盖式其他选项可根据需要设置。设置完毕后单击“确认”按钮，该画面被建立在图形编辑器中，我们还可以通过画面的属性进行相关 的设置，例如选择 Backgroud属性，单击“些按钮，在弹出的画面背景颜色对话框中可以设置背景颜色 的渐变效果等。除了画面属性对话框外，凡是在画面中添加的任何图素或控件，在对其进行编辑

39、时，都会有相应的属 性对话框，如：按钮属性对话框、报警控件属性对话框、趋势曲线控件属性对话框等等，某些属性不仅可 以在开发时进行修改，在运行环境中也可以动态修改。制作现场画面：第一步：在图形编辑器中单击“对象”菜单中的“图形模型”命令，弹出图形模型选择对话框，选择我们前面建立的罐的图形模型，并将其添加到画面中，我们添加两个图形模型的罐，效果如图4-45所示:图4-45流程画面第二步：在图形编辑器中单击“对象”菜单中的“精灵图”命令，在精灵库中选则具有搅拌器的反应罐“customtest”,并将其添加到画面中，效果如图 4-45所示：此反应罐可以通过控制电机来控制罐内搅 拌器的搅拌运行，同时开可以通过仪表的表头显示一个模拟量数值，当在运行状态下鼠标移动到表头位置 时表头会自动放大显示。同样的方式我们从精灵图中将泵、阀门添加到画面中。效果图如图 4-46所示:第三步：进行管道的连接，利用基本画图工具中的管道，将各个泵、阀门、罐、搅拌器等连接起来