2.2 设计画面

用组态王系统开发的应用程序是以“画面”为程序单位的，每一个“画面”对应于程序实际运行时的一个Windows窗口。

用户可以为每个应用程序建立数目不限的画面，在每个画面上生成互相关联的静态或动态图形对象。“组态王”提供类型丰富的绘图工具，还提供按钮、实时趋势曲线、历史趋势曲线、报警窗口等复杂的图形对象。

组态王采用面向对象的编程技术，使用户可以方便地建立画面的图形界面。用户构图时可以像搭积木那样利用系统提供的图形对象完成画面的生成。

画面开发系统是应用程序的集成开发环境，工程人员在这个环境里进行系统开发。

2.2.1 新建画面

在工程浏览器左侧树形菜单中选择“文件/画面”，在右侧视图中双击“新建”，出现“画面属性”对话框，在这里可以设置画面属性。输入画面名称“整数累加”，设置画面位置、大小等，如图2-16所示。

1.画面名称

在此编辑框内输入新画面的名称，画面名称最长为20个字符。如果在画面风格里选中“标题杆”选择框，此名称将出现在新画面的标题栏中。

2.对应文件

此编辑框输入本画面在磁盘上对应的文件名，也可由“组态王”自动生成默认文件名。工程人员也可根据自己需要输入。对应文件名称最长为8个字符。画面文件的扩展名必须为“.pic”。

3.注释

此编辑框用于输入与本画面有关的注释信息。注释最长为49个字符。

4.画面位置

输入6个数值决定画面显示窗口位置、大小和画面大小。

左边、顶边。左边和顶边位置形成画面左上角坐标。显示宽度、显示高度，指显示窗口的宽度和高度。以像素为单位计算。画面宽度、画面高度，指画面的大小，是画面总的宽度和高度，总是大于或等于显示窗口的宽度和高度。

可以通过对画面属性中显示窗口大小和画面大小的设置来实现组态王的大画面漫游功能。大画面漫游功能也就是组态王制作的画面不再局限于屏幕大小，可以绘制任意大小的画面，通过拖动滚动条来查看，并且在开发和运行状态都提供画面移动和导航功能。

画面的最大宽度和高度为8000×8000，最小宽度和高度为50×50。如指定的画面宽度或高度小于显示窗口的大小，则自动设置画面大小为显示窗口大小。画面的显示高度和显示宽度设置分别不能大于画面的高度和宽度设置。

当定义画面的大小小于或者等于显示窗口大小时，不显示窗口滚动条；当画面宽度大于显示窗口宽度时显示水平滚动条；当画面高度大于显示窗口高度时，显示垂直滚动条。可用鼠标拖动滚动条，拖动滚动条时画面也随之滚动。当画面滚动时，如选择“工具\显示导航图”命令，则在画面的右上方有一个小窗口出现，此窗口为导航图，在导航图中标志当前显示窗口在整个画面中相对位置的矩形也随之移动。

组态王开发系统会自动记录滚动条的位置，也就是说当下次再切换到此画面时，仍然是上次编辑的状态。当工程关闭后，再打开时仍然保持关闭前的状态。

通过鼠标拖动画面右下角可设置画面显示窗口大小，拖动画面左上角可设置显示窗口的位置。当显示窗口大小拖动后大于画面大小时，画面大小自动设置为显示窗口大小。

通过鼠标拖拉画面右下角，并同时按下<Ctrl>键可设置画面显示窗口和画面实际大小相等，以显示窗口的大小为准。

5.画面风格之标题杆

此选择用于决定画面是否有标题杆。若有标题杆，选中此选项在其前面的小方框中有“?”号显示，开发系统画面标题杆上将显示画面名称。

6.画面风格之大小可变

此选择用于决定画面在开发系统（TouchExplorer）中是否能由工程人员改变大小。改变画面大小的操作与改变Windows窗口相同。鼠标挪动到画面边界时，鼠标箭头变为双向箭头，拖动鼠标，可以修改画面的大小。

7.画面风格之类型

在运行系统中，有3种画面类型可供选择：

● “覆盖式”：新画面出现时，它重叠在当前画面之上。关闭新画面后被覆盖的画面又可见。

● “替换式”：新画面出现时，所有与之相交的画面自动从屏幕上和内存中删除，即所有画面被关闭。建议使用“替换式”画面以节约内存。

● “弹出式”：“弹出式”画面被打开后，始终显示为当前画面，只有关闭该画面后才能对其他组态王画面进行操作。

8.画面风格之边框

画面边框的3种样式，可从中选择一种。只有当“大小可变”选项没被选中时该选项才有效，否则灰色显示无效。

9.画面风格之背景色

此按钮用于改变窗口的背景色，按钮中间是当前默认的背景色。用鼠标按下此按钮后出现一个浮动的调色板窗口，可从中选择一种颜色。

10.命令语言（画面命令语言）

根据程序设计者的要求，画面命令语言可以在画面显示时执行、隐含时执行或者在画面存在期间定时执行。如果希望定时执行，还需要指定时间间隔。执行画面命令语言的方式有3种：显示时、存在时、隐含时。这3种执行方式的含义如下：

● 显示时：每当画面由隐含变为显示时，则“显示时”编辑框中的命令语言就被执行一次。

● 存在时：只要该画面存在，即画面处于打开状态，则“存在时”编辑框中的命令语言按照设置的频率被反复执行。

● 隐含时：每当画面由显示变为隐含时，则“隐含时”编辑框中的命令语言就被执行一次。

单击“确定”按钮，进入组态王画面开发系统，此时工具箱自动加载，如图2-17所示。

组态王画面开发系统是应用程序的集成开发环境。工程人员在这个环境中完成界面的设计、动画连接等工作。画面开发系统具有先进完善的图形生成功能；数据库中有多种数据类型，能合理地抽象控制对象的特性，对数据变量的报警、趋势曲线、过程记录、安全防范等重要功能有简单的操作办法。利用组态王丰富的图库，用户可以大大减少设计界面的时间，从整体上提高工控软件的质量。

如果工具箱没有出现，可选择菜单“工具/显示工具箱”或按<F10>键打开。

绘制图素的主要工具放在图形编辑工具箱中，各基本工具的使用方法与“画笔”类似。

用鼠标单击工具箱中的文本工具按钮“T”，然后将鼠标移动到画面上适当位置单击，用户便可以在画面中输入文字“000”。输入完毕后，单击鼠标，文字输入完成。

若需要对输入的文字进行修改，则可以首先选中该文本，单击鼠标右键，在弹出的菜单中单击“字符串替换”菜单项，弹出“字符串替换”对话框，输入要修改的文字。

在工具箱中选择“按钮”控件添加到画面中，然后选中该按钮，单击鼠标右键，选择“字符串替换”，将按钮“文本”改为“关闭”。

注意：建立仪表、文本、按钮等对象和变量的动画连接后，才可对这些对象进行各种属性设置。

2.2.2 图库管理器

在开发系统中执行菜单“图库/打开图库”命令，进入“图库管理器”对话框，如图2-18所示。

图库管理器内存放的是组态软件的各种图素（称为图库精灵），用户选择需要的图库精灵就可以设计自己需要的界面。使用图库管理器有3方面好处：降低人工设计界面的难度，缩短开发周期；用图库开发的软件将具有统一的外观；利用图库的开放性，工程人员可以生成自己的图库精灵。

图库精灵中大部分都有连接向导或是精灵外观设置，可将精灵和数据词典中的变量联系起来，但是也有一些精灵没有动画连接，只能作为普通图片使用。将图库精灵加载到画面上之后，双击精灵可弹出连接向导，每种精灵有各自的连接向导，一般是将组态王的变量连接到精灵中，还有对精灵外观的设置。

为图形画面添加1个指示灯对象：选择指示灯库中的一个图形对象，双击选择的指示灯图形，此时图库管理器消失，显示开发系统画面窗口，在开发系统画面空白处单击并拖动鼠标，则画面中出现选择的指示灯图形，可以通过鼠标拖动图形边上的箭头来放大或缩小图形。

设计的图形画面如图2-19所示。

画面存储：画面设计完成后，在开发系统“文件”菜单中执行“全部存”命令将设计的画面和程序全部存储。

在开发系统中，对画面所做的任何改变，必须存储，所做的改变才有效，即在画面运行系统中才能运行我们所做的工作。