? 2? mcgsTpc 中级培训教程 ? 按钮控制风扇的旋转
? 棒图的大小变化表示数据的增长和减少
图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，表示条件永远成立。选择闪烁实现方式“用图元可见度变
第一章 简单动画组态 ? 3? 化实现闪烁”。组态效果如图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 数据对象报错信息
? 4? mcgsTpc 中级培训教程 双击窗口空白处，进入“用户窗口属性设置”对话框，在循环脚本页添加标签水平移动的脚本，循环时间改为100，如图1-2-7所示。
图1-2-6 添加水平移动数据对象 图1-2-7 水平移动脚本设置
2. 垂直移动效果：我们用电机切割玻璃来表现垂直移动效果，设置玻璃的“垂直移动”属性即可。 电机：选中“插入元件” ，在对象元件库管理中，添加“马达13” 和“马达14” 到
窗口，设置其大小为70*40，再复制3组马达摆放如图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标注部分所示。
第一章 简单动画组态 ? 5?
图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所示。点击“确认”，提示组态错误时，选择添加数据对象“旋转可见度”。
? 6? mcgsTpc 中级培训教程
图1-2-13 风扇设置 图1-2-14旋转效果设置
设置好之后，调整动画显示构件大小为60*50，拖到风扇框架的左上方。再复制出3个风扇。分别放置在框架的右上、左下、右下方，如图 1-2-15所示。
3. 添加脚本：打开 “用户窗口属性设置”对话框，在循环脚本页添加使风扇旋转的脚本，如图1-2-16标注部分所示。
图1-2-15 风扇组态效果 图1-2-16 风扇旋转脚本 4. 风扇的按钮控制：添加两个“标准按钮” （1）启动
进入“启动”按钮的属性设置对话框，在操作属性页，设置“抬起功能”：数据对象值操作“置1”，定义数值型变量“旋转循环”，如图1-2-17所示。“旋转循环”控制风扇旋转，当“旋转循环”为1时，风扇开始旋转。
在用户窗口属性设置对话框中，添加循环脚本“IF 旋转循环=1 THEN 旋转可见度=1-旋转可见度”。如图1-2-18标注部分所示。
，设置按钮标题分别为“启动”和“停止”。