第二节　经典型“起始画面”的组态设计

从本节开始，我们陆续深入组态编辑上一节创建的那些空白画面。通过实例示范认识画面对象和学习画面组态的方法等。

在图4-1-15的项目树中,双击打开“画面”→“起始画面”（如果已经打开,只是未激活显示,可在任务条上点击“起始画面”标签），激活“起始画面”在编辑工作窗口区的显示。这时，起始画面上只有一个显示当前画面名称的文本域。在该画面的编辑过程中,我们继续学习按钮等画面对象的编辑组态方法。

“起始画面”通常是项目画面的开始画面，图4-2-1是已经组态编辑好的经典型起始画面，该起始画面上注明控制系统项目的名称、设备用户和生产商等信息，通过按钮操作画面的浏览（可以不用模板上的画面浏览功能，主要是介绍学习画面及画面对象的各种组态方法）。

首先编辑两个文本域，将上一节粘贴在“起始画面”上的文本为“起始画面”的“文本域”修改其文本为“XX公司XX机器控制系统”，并将“文本域”常规属性中文本样式调整为“宋体，64px，style=Bold”,调整文本域位置如图4-2-1所示。同理，在画面下部再组态一个文本域，文本为制造商信息，文本样式为“宋体，36px，style=Bold”。

在“起始画面”的中间，有5个通过图形视图对象粘贴的图形。这五个图形来自“工具箱”→“图形”展板→“WinCC图形文件夹”→“Infrastracture”→“Nature”→“256 Colors”文件夹。在“图形”展板下方有图形文件夹中图形的预览区，可以打开查看文件夹中的图片图形。在图形图片预览区，直接双击所选的图形，图形会自动粘贴到画面中，调整其位置和大小即可。

在“图形”展板可以创建“我的图形文件夹”的链接，指向自己的图形库。

在“起始画面”设置4个按钮，按钮上用文本标明“运行状态”“工艺参数”“手动操作”和“机器说明”。点击这些按钮分别激活显示上一节创建的画面“机器实时运行状态”“工艺参数设置画面”“手动操作画面”和“机器使用和安全操作说明”，按钮的作用是引导画面的浏览。下面介绍这些按钮的编辑组态工作。

1.“按钮”画面对象的用法

在选项板窗口，从“工具箱”→“元素”展板中，将“按钮”画面对象拖放到“起始画面”的画面组态区，系统为其默认命名为“按钮_1”。“按钮_1”的作用是用来点击激活显示“机器实时运行状态”画面。

“按钮_1”的常规属性设置如图4-2-2所示。“常规”→“模式”的选项为“文本”，表示按钮上设有文本文字，这是最常用的用法。有些项目画面的按钮以图形表示；还有些项目的画面按钮表面有图形和文本表示；也有场合会设置一些不可见按钮，读者可以试一试，后面的案例也会做一些介绍。“常规”→“标签”的选项为“文本”，并在下方的输入空格中输入“运行状态”汉字，表示要求按钮“未按下”时其表面显示的文本字样。如果需要按钮“按下”时显示其它文本字样，可以勾选图中的“按钮按下时显示的文本”选项，并在亮白显示的输入格内输入文字等。

“按钮_1”的外观属性设置如图4-2-3所示。按钮的外观有很多变化，可以在按钮的背景、按钮的文字颜色、按钮外形边框等做多种选择组态。

“按钮_1”的填充样式属性设置如图4-2-4所示。

“按钮_1”的布局属性设置如图4-2-5所示。在该设置窗格中可以量化设置按钮在画面上的准确位置和大小，多数画面对象都可以在布局属性中准确定位对象的位置和大小。

系统对可组态画面进行了坐标划分，在画面的左上角为坐标系的原点。当用鼠标在画面上拖拽画面对象时，在移动的对象旁边会显示对象的当前坐标值和大小值。图4-2-5显示的“位置和大小”项参数就是“按钮_1”的当前位置坐标值和按钮大小值。

点击“按钮_1”，显示“机器实时运行状态”画面，为此功能，需为“按钮_1”的事件设置“激活屏幕”系统函数，见图4-2-6的设置。按钮有“单击”“按下”“释放”“激活”“取消激活”和“更改”等事件动作，这些事件都可以组态触发执行系统函数和VB函数（VB脚本）。

以上是我们对“运行状态”按钮的编辑组态。

同理，其它三个按钮可以采取复制粘贴的方法制作“按钮_2”“按钮_3”和“按钮_4”。只是改写一下按钮的显示文本分别为“工艺参数”“启动停止”和“机器说明”等；相应在事件组态的系统函数“激活屏幕”的参数“画面名称”列分别选择“工艺参数设置画面”“手动操作画面”和“机器使用和安全操作说明”。

也可采用Ctrl+左键拖拽对象的方法复制画面对象，生成的对象名称的序号递增。在Ctrl+左键拖拽复制对象的过程中，系统会在对象周围生成对齐指示线，以帮助放置和对齐画面对象。

2. 画面编辑窗口上的图标工具及用法

四个按钮排列是否整齐可以参考按钮布局属性中位置和大小的坐标参数设置；也可以借助画面编辑窗口上方的一行图标工具按钮，亦称工具条。表4-2-1给出这些图标工具的用法说明。实际上，为提高对象属性组态效率，我们经常使用画面编辑窗口上方的图标工具。例如编辑文本域字号的大小，只要点击字号改变按键工具，就可以迅速看到文本字符大小改变的显示效果。

按下 Shift 键同时，逐个点击画面对象，可以同时选中多个对象，其中第一个点击对象是进行对齐等编辑工作的基准，即其它点选对象都向第一个点选对象看齐。例如上述四个按钮的对齐操作：按下 Shift 键，先点选“运行状态”按钮，即以此按钮为基准，然后依次点选其它三个按钮，这时四个按钮呈选中状态显示，但处于基准的对象显示样式与其它对象不同，点击图标工具条上的“顶部对齐”“水平均布”等工具键，四个按钮会自动以“运行状态”按钮的顶部为基准线对齐，同时水平间距相等排列。

在同时选中四个按钮的情况下，还可以通过点击电脑键盘上的上下左右方向键整体移动这四个按钮，以调整这四个按钮对象与其它对象之间的位置关系。这种同时选中对象。整体移动的操作，会经常遇到。

通过鼠标在画面上拖拽一个区域，这个区域内的所有画面对象都被选中，这也是我们同时选中多个对象的方法。

在组态一个较复杂的画面对象时，可能会将很多画面对象准确对位“叠加”在一起，这时会用到工具条上的“前移”“翻转”等工具，调整画面对象的显示前后次序和自身方位。

我们在本章第一节介绍了模板/画面的层的概念，在工具条上就有将当前画面对象“上移一层”或“下移一层”的快捷图标工具，这些工具的使用都提高了组态效率。

注意前移一个级别和上移一层的区别。