画面对象是用于设计项目画面的图形元素，包括基本对象、元素、控件、图形和库。基本对象有图形对象（如“线”或“圆”）和标准控制元素（如“文本域”或“图形显示”）；元素包括标准控制元素，如“IO域”或“按钮”；控件用于提供高级功能，它们也动态地代表过程操作，如趋势视图和配方视图等；图形以目录树结构的形式分解为各个主题，如机器和工厂区域、测量设备、控制元素、标志和建筑物等，也可以创建指向自定义的图形文件夹的链接，外部图形位于这些文件夹和子文件夹中。它们显示在工具箱中，并通过链接集成到项目中；“库”包含预组态的对象，如管道、泵或预组态的按钮的图形等，也可以将库对象的多个实例集成到项目中，不必重新组态，以提高效率。

下面通过实例介绍典型的画面对象的使用方法。

1.组态按钮

要求：在画面一中点击按钮“进入画面二”，进入画面二；在画面二中点击按钮“进入画面一”返回到原来的画面，即画面一。在画面一中，添加两个按钮“加1”和“减1”，分别将一个变量的值加1和减1；在画面二中，添加一个点动按钮，即当按下时变量的值为1，释放时变量值为0。

首先我们组态两个画面切换的功能。新建两个画面，分别命名为画面一和画面二。打开画面一，在项目视图右侧的“工具箱”中，点击“元素”下的“按钮”对象，移动到画面右下角按下左键拖动至适合大小释放。

选中画面中的按钮，在项目视图下部的“属性”对话框中，选择“常规”项，选择“模式”为“文本”，则按钮上显示文本，在“文本”框中的“释放”和“按下”中都输入文本“进入画面二”，则无论按钮是按下还是释放都显示文本为“进入画面二”，如图9.6所示。同样，可以设置按钮显示为图形。

图9.6　按钮属性对话框

在“外观”项中，可以设置按钮的背景颜色、文本颜色和边框；“设计”项可以设置焦点；“布局”项可以设置对象的位置和大小等；“文本格式”项可以设置字体样式以及对齐方式等；“其他”项可以设置对象的名称、层等，还可以在此输入工具提示信息；“安全”项可以设置对象的操作权限等。

在“事件”→“单击”项中，点击下三角符号，打开系统函数选择对话框，如图9.7所示，这里要求切换画面，选择“系统函数”→“画面”下的“激活屏幕”函数，“画面名称”项点击三点标号选择画面二，对象号采用默认。

图9.7　系统函数选择对话框

用同样的方法组态画面二，并在项目树的HMI设备中，双击“运行系统设置”项打开运行系统设置对话框，选择起始画面为“面面一”。这样，画面切换的功能就组态完成了，单击工具栏中的保存项目按钮保存项目。

接着新建两个内部变量：SInt型变量tag1和Bool型变量tag2。

打开画面一，在项目视图右侧的“工具箱”中，点击“元素”下的“IO域”，移动到面面中按下左键拖动至适合大小释放。在其“属性”对话框中，设置IO域类型模式为“输出”，连接的过程变量为tag1，如图9.8所示。在格式框中，可以设置变量的显示格式、小数位以及格式模式等。

图9.8　IO域属性对话框

点击“元素”下的“按钮”，移动到面面中，按下左键拖动至适合大小释放，选中按钮，并在其“属性”对话框中，选择“常规”项，选择“按钮模式”为“文本”，在“文本”框中的“释放”和“按下”中都输入文本“加1”，其他保持默认。在“事件”→“单击”项中，打开系统函数选择对话框，由于是要对变量值加1，所以选择“系统函数”→“计算脚本”下的“增加变量”函数，变量选择为tag1，值为1。

在面面一中选中按钮“加1”，按下＜Ctrl＞键，按住鼠标左键向下拖动释放左键后将复制按钮，修改按钮名称为“减1”，选中按钮“减1”，在“属性”对话框的“事件”→“单击”项中，打开系统函数选择对话框，选择“系统函数”→“计算脚本”下的“减少变量”函数，变量选择为tag1，值为l。

打开画面二，同样拖动一个IO域用来显示变量的值，设置IO域类型模式为“输出”，连接的过程变量为“tag2”，格式类型为二进制。字体为“宋体，粗体，24号”，对齐方式选择为水平居中、垂直居中。

点击“元素”下的“按钮”移动到画面中，按下左键拖动至适合大小释放。选中画面中的按钮，在项目视图下部的“属性”对话框中，选择“常规”项，选择“按钮模式”为“文本”，在“文本”框的“释放”中输入文本“停止”，“接下”中输入文本“起动”，其他保持默认。

选中画面中的按钮，在“属性”对话框的“事件”→“按下”的项中，打开系统函数选择对话框，由于要对变量值置1，所以选择“系统函数”→“计算脚本”下的“设置变量”函数，变量选择为tag2，值为1。继续对该按钮的事件进行设置，选中画面中的按钮，在“属性”对话框的“事件”→“释放”项中，打开系统函数选择对话框，由于是要对变量值置0，所以选择“系统函数”→“计算脚本”下的“设置变量”函数，变量选择为tag2，值为0。这样，画面就组态完成了，单击工具栏中的保存项目按钮保存项目。

通过菜单命令“在线”→“仿真”→“使用变量仿真器”起动仿真运行系统，此时可以在变量仿真器中观察相应变量的值。

2.组态开关

要求：按一下开关，变量tag3的值为1，再按一下开关，变量tag3的值变为0。通过IO域显示该变量的值。

根据要求，新建内部Bool型变量tag3。

打开画面一，在项目视图右侧的“工具箱”中，点击“元素”下的“开关”，移动到画面中按下鼠标左键拖动至适合大小释放。选中此“开关”并在其“属性”对话框中，选择“常规”项，过程连接变量选择为“tag3”，选择类型格式为“通过文本切换”，在下面“文本”框中输入“接通”状态文本为“起动”，“断开”状态文本为“停止”，如图9.9所示。还要在画面上放置一个IO域，用来显示变量tag3的值，此处不再赘述。运行仿真系统，观察结果。

图9.9　开关属性对话框

如图9.9所示开关对象的“类型格式”还可以设置为“通过图形切换”，此时需要为“接通”和“断开”设置不同的状态图形，如阀的不同状态等。

3.组态棒图

“棒图”对象可以让过程值通过更直观的图形方式进行显示，可以添加标尺来标注棒图的显示形式。

要求：通过棒图显示当前的液位值。

新建SInt型内部变量tag4，在面面中添加“工具箱”中的“元素”→“棒图”，选中画面中此对象，在“属性”对话框中，选择“常规”项，过程连接变量选择为tag4，如图9.10所示。要根据变量tag4的取值范围设置棒图的最大值和最小值。

在属性对话框的“限制”项中，可以设置上限、下限的报警颜色，当超出设定的限制值后显示颜色的变化。

图9.10　棒图属性对话框

4.组态日期时间域

要求：在画面中通过日期时间域显示当前系统的日期和时间。

打开画面一，在项目视图右侧的“工具箱”中，点击“元素”下的“日期时间域”，移动到画面中按下鼠标左键拖动至合适大小释放。

选中此对象，并在其属性对话框中选择“常规”项，类型模式保持为“输出”，“过程”项选择为“显示系统时间”，如图9.11所示，通过是否勾选“显示日期”和“显示时间”项，来决定在画面中是仅仅显示日期、时间还是全部显示。此处全部勾选。运行项目，观察结果。

还可以在画面中通过日期时间域作为“输入/输出”来修改DateTime型变量的值。

图9.11　日期时间域属性对话框

5.组态符号IO域

符号IO域用变量来切换不同的文本符号。发电机组在运行时，操作人员需要监视发电机的定子线圈和机组轴承等多处温度值，而若HMI设备画面较小，则可以使用符导IO域和变量的间接寻址，用切换的方法来减少温度显示占用的画面面积，但是同一时刻只能显示一个温度值。(www.daowen.com)

要求：在画面一中通过符号IO域选择要显示的温度，在IO域中显示选择的温度值。

（1）新建变量及变量指针化。

新建三个表示过程温度的SInt型内部变量t1、t2、t3。新建用于间接寻址的SInt型内部变量“温度值”和USInt型变量“温度指针”，在变量“温度值”的属性对话框中，选择“指针化”项，勾选“指针化”复选框，选择索引变量为“温度指针”，设置索引0对应变量t1、索引1对应t2、索引2对应t3，如图9.12所示。

图9.12　变量“温度值”的属性对话框

（2）组态文本列表。

在项目树中双击HMI设备下的“文本和图形列表”打开文本列表，新建一个名为“温度值”的文本列表，设置选择项为“值或范围”，在“文本列表条目”中设置数值0对应条目“温度1”、数值1对应条目“温度2”、数值2对应条目“温度3”，如图9.13所示。

图9.13　组态文本列表

（3）组态画面。

打开画面一，拖动“符号IO域”对象到画面中，模式为“输入/输出”，设置文本列表为前面建立的“温度值”，将其与变量“温度指针”连接，如图9.14所示。再在画面中插入一个IO域，模式为“输出”，过程变量为“温度值”。

图9.14　符号IO域的属性对话框

这种需要的功能就完成了。为便于模拟实验，再添加三个IO域分别对应三个温度值。画面组态完成，单击保存项目按钮，保存项目。

（4）模拟运行。

启用“使用变量仿真器“的运行系统模拟运行项目。首先在三个IO域中输入不同的温度，则可以看到，当符导IO域中选择温度1时，温度值IO域显示的是湿度1，当符号IO域选择温度3时，显示的是温度3的值。

6.组态图形IO域

生产过程中，可能需要在HMI中用不同的图形指示不同的含义。该功能可以由图形列表来实现。在“图形列表”编辑器中创建图形列表，将变量的值分配给各个图形。在图形IO域中组态图形列表与变量的连接。

要求：当变量tag5的值为0时，显示“漏斗”，值为1时，显示“挖掘机”，值为2时，显示“导管”，值为3时，显示“电机”，其他值时不显示任何图形。

（1）新建变量。

新建SInt型变量tag5。

（2）组态图形列表。

在项目树中双击HMI设备下的“文本和图形列表”，打开文本列表，点击编辑区右上角的“图形列表”切换到图形列表，新建一个图形列表，名称为text1，设置“选择”为“范围”，在“图形列表条目”中设置数值0对应条目“漏斗”，数值1对应条目“挖掘机”，数值2对应条目“导管”，数值3对应条目“电机”。如图9.15所示，这样图形列表就组态好了。

图9.15　组态图形列表

（3）组态画面。

在画面中，添加一个图形IO域，在其属性对话框的“常规”项中，选择图形列表为前面新建的text1，选择过程变量为tag5。为便于修改变量tag5的值，再添加一个IO域与变量tag5连接。

（4）模拟运行。

模拟运行项目，结果如图9.16所示。

图9.16　图形列表模拟运行结果

7.动画功能的实现

TP可实现简单的动画功能，下面演示小车水平移动，同时IO域中字符的颜色根据变量值的变化而改变。

新建用于控制小车移动的SInt型变量tag6。在画面中，通过简单对象“矩形”和“圆”面出一个小车的示意图。将它们全部选中，通过右键菜单“组合”组合为一个整体。

选中整体图形，在属性对话框中，双击“动画”→“水平移动”项，打开“水平移动”动画设置对话框，如图9.17所示，同时在画面中出现两个小车，深色的小车表示小车运动的起始位置，浅色的表示结束位置，红色的箭头指出了小车的运动方向。设置过程变量为tag6，范围为0～100，表示该变量从0变化到100时，小车的水平坐标从10变化到200。可以修改起始位置和结束位置的坐标数值。

图9.17　“水平移动”动画设置对话框

在面面中再生成一个IO域，用来显示变量tag6的值。选中该IO域，在其属性对话框中，添加“动面”→“外观”项，如图9.18所示，设置变量为tag6，类型为范围，设置值范围10～60对应前景色，即IO域中的字符颜色为蓝色，值范围61～90对应前景色为红色，91～120对应前景色为绿色。这样画面的组态就完成了。运行项目并观察效果。

图9.18　IO域外观动画设置

8.库的使用

系统库提供了丰富的画面对象供用户使用，可以极大地提高开发效率。下面通过一个简单的例子来说明系统库中对象的使用方法。

新建Bool型变量t1。点击右侧“库”选项卡，单击“全局库”下的“HMI Button-and-Switches”项，打开该库对象。

拖动“ToggleSwitches”下的第三个对象到画面1中，选中该开关对象，在属性对话框中选择过程变量为t1。同样的方法，拖动“PilotLights”中的第一个对象到画面中，修改属性对话框常规项中连接的变量为t1。这样，关于库对象的主要设置就完成了。为便于观察变量t1的值，添加一个IO域到画面中。

运行项目。当未操作开关时，t1变量的值为0，点击一下开关，则开关触头位置改变，变量t1的值为1，同时指示对象的状态也发生改变。