
第3章 画面的组态
3.1 图形编辑器概述
图形编辑器是用于创建过程画面并使其动态化的编辑器。图形编辑器所能编辑的画面的扩展名为PDL。
在WinCC Explorer中右键单击“图形编辑器”,打开图3-1所示对话框。

图3-1 右键单击“图形编辑器”
选择“打开”命令,可创建“PDL”格式的名为“NewPdl1”的新画面,并使用图形编辑器将其打开。
选择“新建画面”命令,可创建“PDL”格式的新画面。新画面将显示在数据窗口中。将为新画面自动分配一个顺序名称。之后可以更改此名称。
选择“图形OLL”命令将打开“对象OLL”对话框,如图3-2所示。对话框指示哪个对象库可用于图形编辑器。可以为当前项目组态对象选择。通过“搜索...”(Search...)按钮,可在当前项目中使用其他对象库中的对象。
选择“选择ActiveX控件”命令打开“选择OCX控件”对话框,如图3-3所示。该对话框显示在操作系统中注册的所有ActiveX控件。红色复选标记将指示在图形编辑器对象选项板的“控件”(Controls)选项卡中显示的控件,还可以为图形编辑器提供其他控件。例如集成Windows控件或外部控件,然后在项目中使用这些控件。

图3-2 “对象OLL”对话框

图3-3 选择OCX控件对话框
WinCC项目管理器数据窗口中的“显示列信息”条目用于显示列信息。此列中的条目显示相应画面的创建方法。
“显示‘显示名称’列”通过“显示名称”(Display names)条目显示在WinCC项目管理器的数据窗口中。如果已为过程画面组态显示名称,则该名称以WinCC用户界面语言显示。
常用画面在数据窗口中采用星号标记。可通过此条目更改常用画面的顺序。
“属性”(Properties)窗口提供图形编辑器的最重要属性和设置的总览。
注意:高版本WinCC所创建的过程画面在低版本的WinCC中不可用。
3.1.1 图形编辑器的组成
图形编辑器由图形程序和用于表示过程的工具组成。基于Windows标准,图形编辑器具有创建和动态修改过程画面的功能。相似的Windows程序界面可以让用户很容易地开始使用复杂程序。直接帮助提供了对问题的快速回答。用户可建立个人的工作环境。
打开的图形编辑器界面如图3-4所示,图形编辑器由图形程序和各种各样的工具组成。可以在菜单栏中选择“视图”→“工具栏”,设置打开或隐藏各种工具和选项板。

图3-4 图形编辑器界面
图形编辑器由以下组件组成:工作区、菜单栏、选项板、选择窗口、状态栏。
1.工作区
中间的空白处为工作区。工作区中,水平方向为x轴,垂直方向为y轴,画面左上角为画面的坐标原点,其坐标为x=0,y=0。坐标以像素为单位。
2.标准工具栏
标准工具栏包括常用的新建、保存、运行画面、撤回等,如图3-5所示。

图3-5 标准工具栏
3.对齐选项板
对齐选项板如图3-6所示。对齐选项板必须应用于两个及两个以上的项目。
对齐:选定对象向左、向右、向上或向下对齐。
居中:选定对象水平或垂直居中。
分散对齐:选定对象沿水平或垂直方向均匀分散。最外面的对象保持不变。
调整宽度或高度:将调整所选对象的宽度或高度以达到相互匹配。

图3-6 对齐选项板
4.图层选项板
为了简化在复杂的过程画面中处理单个对象,图形编辑器允许使用图层。例如,过程画面的内容最多可以横向分配为32个图层。可以分别显示或隐藏各个图层。在默认设置中,所有图层均为可见;第0层为活动图层。如图3-7所示。

图3-7 图层选项板
5.调色板
根据所选择的对象,调色板允许快速更改线或填充颜色。提供16种与Microsoft标准程序颜色匹配的颜色。如图3-8所示。

图3-8 调色板
6.对象选项板
在对象选项板中,通过选择画面或画面中的对象来修改属性或编辑对象。如图3-9所示,将所选择的对象放置在处于前景的图层中,处于前景的对象将覆盖位于其后的对象。
将所选择的对象放置在处于背景的图层中,处于背景的对象将被前景中的对象所覆盖。
复制一个对象的线条和颜色属性以将其传送到另一个对象。
将一个对象的属性分配给另一个对象。该功能只有在属性已复制的情况下才有效。
以垂直中心轴镜像所选对象。如果选择了很多对象,则在每种情况下都应用单个对象的中心轴。
以水平中心轴镜像所选对象。如果选择了很多对象,则在每种情况下都应用单个对象的中心轴。
将所选对象沿中心点顺时针旋转90°。如果选择了很多对象,则在每种情况下都应用单个对象的中心点。

图3-9 对象选项板
7.字体选项板
在字体选项板中可以通过字体选项改变如下文本属性:字符集、字符集大小、边框颜色、背景色、字体颜色。字体选项板如图3-10所示。

图3-10 字体选项板
8.状态栏
状态栏的信息包含:当前设置的语言、活动对象的名称、激活的对象在画面中的位置、键盘设置。可以通过“视图>工具栏”(View>Toolbars)显示或隐藏状态栏。状态栏如图3-11所示。

图3-11 状态栏
9.缩放选项板
通过缩放选项板选择所需的缩放系数。使用该图标缩小或放大或者输入百分比值。若要缩小过程画面的某个部分,选择“部分缩放”(Zoom section)。然后将选框拖动至所需大小。过程画面窗口的纵横比保持不变。缩放选项板如图3-12所示。

图3-12 缩放选项板
10.输出窗口
输出窗口在保存画面时显示与组态有关的信息、错误和警告。例如,双击消息选择相应画面对象或包含相应脚本的对象属性。可将输出窗口中的条目复制到剪贴板。输出窗口如图3-13所示。

图3-13 输出窗口
11.库
图形编辑器的库是一种用于对创建过程画面所使用的图形对象进行保存和管理的通用工具。“全局库”(Global Library)提供了多种预定义的图形对象,这些对象可作为库对象插入画面中,并根据需要进行组态。图形对象(例如机器和工厂组件、测量设备、操作员控制元素和建筑物)在文件夹中按主题进行排列。“项目库”(Project Library)允许构建项目特定的库。通过创建文件夹和子文件夹可按主题对对象进行排序。库如图3-14所示。
12.控件
“控件”选择窗口默认显示常用的控制对象。控件分为以下三组:ActiveX控件用于对测量值和系统参数进行监控与可视化。NET控件是任意供应商提供Microsoft.NETFramework版本2.0或更高版本的控件元素。WPF控件是任意供应商提供的Microsoft.NETFramework版本3.0或更高版本的控件元素。“控件”选择窗口如图3-15所示。

图3-14 库

图3-15 控件选择窗口
13.动态向导
动态向导提供大量的预定义C动作以支持频繁重复出现的过程的组态。C动作按标签窗体中的主题排序。根据所选对象类型的不同,各个标签的内容会不同。如图3-16所示。

图3-16 动态向导
14.过程画面
“过程画面”(Process pictures)选择窗口如图3-17所示,可显示项目“GraCS”文件夹下的所有画面和面板。将新文件复制到文件夹后,选择窗口中的内容将立即更新。双击选择窗口中的条目,可以打开所选画面。当画面较多时可使用文件过滤器,输入过滤字母串,则选择窗口立即仅显示含过滤字母串的画面。
15.标准
“标准”选择窗口提供了多种常用于过程画面的对象类型。共划分为以下几个对象组:
● 标准对象。例如,线、多边形、圆、矩形、静态文本。
● 智能对象。例如,应用程序窗口、画面窗口、I/O域、棒图、状态显示。
● Windows对象。例如,按钮、复选框、选项组、滚动条对象。
● 管对象等。
“标准”对话框如图3-18所示。

图3-17 过程画面

图3-18 “标准”对话框
16.样式
可以在“样式”(Styles)选择窗口中更改线类型、线宽、线末端和填充图案。
● 线型:包括不同的线表现形式,例如虚线或点画线。
● 线宽:决定线的宽度。线粗细按像素指定。
● 线末端:所显示的线末端形状,例如箭头或圆形。
● 填充图案:支持为封闭对象选择透明式或方格式的显示背景。
如图3-19所示。

图3-19 样式
17.变量
借助“变量”选择窗口可快速地将过程变量链接到对象。“变量”选择窗口中列有项目中所有可用变量以及内部变量。可以使用过滤器、更改视图以及更新连接器。通过按住鼠标按钮,可以将右边窗口中的变量拖动到“对象属性”窗口中的对象属性上。“变量”选择窗口如图3-20。

图3-20 “变量”选择窗口
3.1.2 画面的基本操作
图形编辑器中,画面是一张绘图纸形式的文件,存放在项目目录的GraCS子目录下,扩展名为PDL。
通过图形编辑器菜单“文件→导出”,可将画面或选择的对象导出到其他文件中。导出的文件格式可为图元文件(.wmf)和增强型图元文件(.emf),但是以此两种文件格式导出的对象,动态设置和一些对象的指定属性将丢失。还可以以程序自身的PDL格式导出画面。以PDL格式只能导出整个画面,而不是所选择的对象,但此时画面的动态效果都可以保留。对象导出后,在如图3-18所示“标准”对话框上选择智能对象上的“状态显示”或“图形对象”,便可显示导出的对象。当把通过WinCC导出的对象添加到画面上时,对象不会失真。
从“标准”对话框的“标准对象”中单击“圆”对象并拖动到画面编辑区,并释放,即可在画面上绘制一个圆图案,如图3-21所示,可以用鼠标拖动其到理想的位置,操作非常Windows化。同样方法绘制一个矩形对象,如图3-21所示。

图3-21 插入对象
WinCC的图形编辑器提供很多工具用于画面对象的组态,在此通过一个简单的实例进行说明。
图形编辑器中画面由32个可放置对象的图层组成,对象总是添加到激活的图层中,可以通过修改对象的“图层”属性将其放置于其他图层。
打开画面时,32个图层全部显示,如图3-22所示,数字符号呈现按下状态表示此图层显示,激活的图层在右侧的下拉列表中显示,可以看出,当前激活的图层为0层。

图3-22 图层
组态对象时,可以将重叠的对象放置于不同的图层上,在图形编辑器中隐藏部分图层,从而避免对象的重叠,方便了对象的组态。图3-21中设置圆对象的图层为1,在图形编辑器中隐藏图层1,则当前的画面中只显示矩形对象。
为了美观,放置在画面上的对象需要进行排列对齐,可以使用对齐选项板,如图3-23所示。如果该工具栏没有显示,通过菜单“视图→工具栏”打开工具栏对话框,勾选对齐即可。将鼠标放置于工具栏相关按钮上,系统将出现该按钮的含义提示。

图3-23 对齐工具栏
如需要将图3-21两个对象进行中间对齐,选中两个对象,可以按住〈Shift〉键同时一个一个单击所需对象或者按住鼠标左键拖动选中所有对象,单击对齐工具栏图标(水平居中),则这两个对象中间对齐,如图3-24所示。

图3-24 对齐对象
当需要将多个对象当作一个整体使用时,可以使用“组对象”。右键单击图3-21选中的所有对象,选择“组对象→编组”,则完成了组对象的编组,此时所选对象就成为一个对象了。
可以用鼠标拖动边缘标记到新的位置来改变对象的大小,也可以在属性对话框中修改“宽度”和“高度”值来改变对象的大小。
选中一个对象,单击工具栏按钮中的图标可以将所选对象顺时针90度旋转一次;单击
图标和
图标则分别将所选对象水平翻动和垂直翻动一次。
选中一个对象,单击右键选择“剪切、复制和粘贴”可以分别对该对象进行相应的操作,选择“复制对象”则自动复制一个对象到画面中。