MCGS昆仑通态用户手册(2)

标题实现闪烁

显示的错误信息用水平移动实现，电机打磨玻璃用垂直移动实现

MCGS昆仑通态用户手册

按钮控制风扇的旋转

棒图的大小变化表示数据的增长和减少

图1-1-2简单动画运行效果

1.2 动画组态

新建一个工程开始组态吧。MCGS组态软件提供丰富的图形库，而且几乎所有的构件都可以设置动画属性。移动、大小变化、闪烁等效果只要在属性对话框进行相应的设置即可。

1.2.1 设置背景

在组态画面之前，建议先定好整个画面的风格及色调，以便于在组态时更好地设置其他构件的颜色，使画面更美观。我们按照样例中的风格来介绍如何设置背景。

1. 设置窗口背景

新建窗口并进入组态画面，添加一个“位图”

，右键单击该位图，从弹出的快捷菜单中选择“装

载位图”，选择一个事先准备好的位图，装载后选中该位图，在窗口右下方状态栏设置位图的坐标为（0，0）大小为800*480， 如图1-2-1所示，背景就设置完成了。

图 1-2-1 状态栏坐标及大小设置

2.

添加 “矩形”构件，进入“动画组态属性设置”对话框，在属性设置页，设置填充颜色为“白

色”，边线颜色为“没有边线”。将它的坐标设为（0，0），大小设为800*60，标题的背景就设置完成了。

下面我们开始组态动画效果。

1.2.2 动画效果一 闪烁

闪烁效果是通过设置标签的属性来实现的。我们首先介绍下标签的使用：

标签除了可以显示数据外，还可以用做文本显示，如显示一段公司介绍、注释信息、标题等。通过标

添加“标签”

构件，进入“标签动画组态属性设置”

对话框，在属性设置页，设置填充颜色为“没

有填充”，字符颜色为“藏青色”，字体设置为“宋体、粗体、小二”， 选中“闪烁效果”。

在扩展属性页，文本内容输入“简单动画组态”。

在闪烁效果属性页，闪烁效果表达式填写1，表示条件永远成立。选择闪烁实现方式“用图元可见度变

MCGS昆仑通态用户手册

化实现闪烁”。组态效果如图1-2-2所示，设置完成后点击确认。将标签的坐标设为（

230，10

），大小设为320*40。组态效果如图1-2-3所示。

图1-2-2 闪烁效果设置 图1-2-3标签闪烁效果图

注：当所连接的数据对象（或者由数据对象构成的表达式）的值非0时，图形对象就以设定的速度开始闪烁，而当表达式的值为0时，图形对象就停止闪烁。

1.2.3 动画效果二 移动

1. 水平移动效果：水平移动的效果我们还是用标签来实现，只要设置标签的“水平移动”属性即可。 添加一个“标签”

，进入标签属性设置页，设置填充颜色为“没有填充”，字符颜色为“红色”，

字体设置为“宋体、粗体、四号”，边线颜色“没有边线”。在位置动画连接部分选中“水平移动”。

在扩展属性页，文本内容输入“显示报错信息”。

在水平移动属性页，表达式一栏中要填写一个数据对象，在这里我们定义一个数据对象i 。设置 最小偏移量为0，最大移动偏移量为200，对应表达式的值分别为“0”，“100”，如图1-2- 4所示。点击“确认”时，弹出如图1-2- 5所示提示框，选择“是（Y）”，弹出“数据对象属性设置”的对话框，选择i

的对象类型为“数值型”，如图1-2-6所示。数据对象i就会被添加到实时数据库中。（注：以下书中快速添加变量的操作只做简要描写）

图 1-2-4 水平移动属性设置 图1-2-5 数据对象报错信息

MCGS昆仑通态用户手册

双击窗口空白处，进入“用户窗口属性设置”对话框，在循环脚本页添加标签水平移动的脚本，循环时间改为100，如图

1-2-7所示。

图1-2-6 添加水平移动数据对象 图1-2-7 水平移动脚本设置

2. 垂直移动效果：我们用电机切割玻璃来表现垂直移动效果，设置玻璃的“垂直移动”属性即可。 电机：选中

，在对象元件库管理中，添加“马达13”

“马达14

到

窗口，设置其大小为70*40

组马达摆放如图1-2-8所示。

玻璃滑带：添加 “矩形”

，设置大小为10*230，进入“动画组态属性设置”对话框，在属性设

置页，设置填充颜色为“红色”，边线为黑色。再复制一个矩形，放在如图1-2-9所示的位置上。

图1-2-8 电机样图

图1-2-9 玻璃图

玻璃：选中工具箱中的“常用符号”

，打开常用图符工具箱，选择“立方体”，添加到窗

口。进入其“动画组态属性设置”对话框，设置填充颜色为“白色”，选中“垂直移动”。

在垂直移动属性页，定义表达式关联数值型对象b，最小偏移量为0，最大偏移量为200，对应的表达式的值分别为“0”，“100”，如图1-2-10所示。点击“确认”，提示组态错误时，选择“是”添加数据对象b。

打开“用户窗口属性设置”对话框，在循环脚本页添加玻璃垂直移动的脚本，如图1-2-11标注部分所示。

MCGS昆仑通态用户手册

图1-2-10 垂直移动属性设置 图1-2-11垂直移动脚本设置

注：偏移量是以组态时图形对象所在的位置为基准（初始位置），单位为像素点，向左为负方向，向右为正方向（对垂直移动，向下为正方向，向上为负方向）。表达式和偏移量之间的关系：以图1-2-10中的组态设置为例，当表达式b的值为0时，图形对象的位置向右移动0个像素（即不动），当表达式b的值为100时，图形对象的位置向右移动200个像素。

1.2.4 动画效果三 旋转

风扇的旋转效果可以用动画显示构件来实现。动画显示构件可以添加分段点，每个分段点可以添加图片，多个分段点可以有多个图片。多个不同状态图片的交替显示就可以实现旋转效果。风扇的旋转效果就是用两个不同状态的图片交替显示实现的。

1. 制作风扇框架：从常见图符工具箱中添加 “凸平面”

，设置其大小为30*90，进入“动画组

态属性设置”对话框，设置填充颜色为“灰色”，“确认”保存。复制两个凸平面，调整大小为70*30，分别摆放在原凸平面的上下方，如图1-2-12所示。风扇的框架就制作完成了。

图1-2-12 框架

2. 设置风扇效果：添加 “动画显示” 构件，进入“动画显示构件属性设置”对话框，选择分段

点“0”，添加事先已经准备好的风扇图片。图片装载成功之后，选中刚添加的风扇位图

，“确认”保存。分段点“0”成功插入

。如图 1-2-13所示。采用同样的方法设置分段点“1”，插入另一张风扇位图

。

在显示属性页，选择显示变量“开关，数值型”，关联数值型变量定义为“旋转可见度”，动画显示方式选择“根据显示变量的值切换显示各幅图像”，如图 1-2-14所示。点击“确认”，提示组态错误时，选择添加数据对象“旋转可见度”。

MCGS昆仑通态用户手册

图1-2-13 风扇设置 图1-2-14旋转效果设置

设置好之后，调整动画显示构件大小为60*50，拖到风扇框架的左上方。再复制出3个风扇。分别放置在框架的右上、左下、右下方，如图 1-2-15所示。

3. 添加脚本：打开 “用户窗口属性设置”对话框，在 …… 此处隐藏：2209字，全部文档内容请下载后查看。喜欢就下载吧 ……