·2·mcgsTpc中级培训教程按钮控制风扇的旋转+棒图的大小变化表示数据的增长和减少量AFE子图1-1-2简单动画运行效果1.2动画组态新建一个工程开始组态吧。MCGS组态软件提供丰富的图形库，而且几乎所有的构件都可以设置动画属性。移动、大小变化、闪烁等效果只要在属性对话框进行相应的设置即可。1.2.1设置背景在组态画面之前，建议先定好整个画面的风格及色调，以便于在组态时更好地设置其他构件的颜色，使画面更美观。我们按照样例中的风格来介绍如何设置背景。1.设置窗口背景圆，右键单击该位图，从弹出的快捷菜单中选择“装新建窗口并进入组态画面，添加一个“位图”载位图”，选择一个事先准备好的位图，装载后选中该位图，在窗口右下方状态栏设置位图的坐标为（0，0）大小为800*480，如图1-2-1所示，背景就设置完成了。o铺800480图1-2-1状态栏坐标及大小设置2.添加标题背景添加“矩形”回构件，进入“动画组态属性设置”对话框，在属性设置页，设置填充颜色为“白色”，边线颜色为“没有边线”。将它的坐标设为（0，0），大小设为800*60，标题的背景就设置完成了。下面我们开始组态动画效果。1.2.2动画效果一闪烁闪烁效果是通过设置标签的属性来实现的。我们首先介绍下标签的使用：标签除了可以显示数据外，还可以用做文本显示，如显示一段公司介绍、注释信息、标题等。通过标签的属性对话框还可以设置动画效果。标签可谓是用处最多的构件之一。A构件，进入“标签动画组态属性设置”对话框，在属性设置页，设置填充颜色为“没添加“标签”有填充”，字符颜色为“藏青色”，字体设置为“宋体、粗体、小二”，选中“闪烁效果”。在扩展属性页，文本内容输入“简单动画组态”。在闪烁效果属性页，闪烁效果表达式填写1，表示条件永远成立。选择闪烁实现方式“用图元可见度变
2 mcgsTpc 中级培训教程 按钮控制风扇的旋转 棒图的大小变化表示数据的增长和减少 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，表示条件永远成立。选择闪烁实现方式“用图元可见度变 图 1-1-2 简单动画运行效果
第一章简单动画组态·3·化实现闪烁”。组态效果如图1-2-2所示，设置完成后点击确认。将标签的坐标设为（230，10)，大小设为320*40。组态效果如图1-2-3所示。标签动两组态医性设置屋性设置 扩展国性闪效果注属用车南美动细车简单动画组态表达式2闪烁实现方式闪烁速度用图元可见度变化实现闪炼快C中用四元属性的变化实现闪烁1填充颜色一力学得颜色4检壶（）确认（）招聘()取消（）图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就会被添加到实时数据库中。（注：以下书中快速添加变量的操作只做简要描写）标签动商组车屏性设置属性设置 扩底属性水平移动表达式水平移动连接量小移动偏移量表达式的值Icgs嵌入版组态环境量大移动偏移量200表达式的100组态错误！未知对象！组态错误！否Q是）检营（）确认（）取消（）帮助（E)图1-2-4水平移动属性设置图1-2-5数据对象报错信息
第一章 简单动画组态 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所示。效据对象民性设置用户窗口底性设置基本属性 存盘属性 报警属性基本属性 扩充属性 启动脚车循环脚本 退出即本对象定义错环时间（ns）100对象名称酒小数位D最小值F1e+010F 109 N对象初值D工程单位最大值1e+010ELSEO对鲁类型ENDIF开关数值字符组对象对象内容注释打开脚本程序绢辣器检查（C)确认取清（N)超助检查（）确认联消（C)帮助(H)图1-2-6添加水平移动数据对象图1-2-7水平移动脚本设置2.垂直移动效果：我们用电机切割玻璃来表现垂直移动效果，设置玻璃的“垂直移动”属性即可。8和“马达14"电机：选中“插入元件”，在对象元件库管理中，添加“马达13”到窗口，设置其大小为70*40，再复制3组马达摆放如图1-2-8所示。口玻璃滑带：添加“矩形”，设置大小为10*230，进入“动画组态属性设置”对话框，在属性设置页，设置填充颜色为“红色”，边线为黑色。再复制一个矩形，放在如图1-2-9所示的位置上。豆寿豪皇崇酒图1-2-8电机样图图1-2-9玻璃图包+打开常用图符工具箱，选择“立方体”玻璃：选中工具箱中的“常用符号”添加到窗8口。进入其“动画组态属性设置”对话框，设置填充颜色为“白色”，选中“垂直移动”。在垂直移动属性页，定义表达式关联数值型对象b，最小偏移量为0，最大偏移量为200，对应的表达式的值分别为“0”，“100”，如图1-2-10所示。点击“确认”，提示组态错误时，选择“是”添加数据对象b。打开“用户窗口属性设置”对话框，在循环脚本页添加玻璃垂直移动的脚本，如图1-2-11标注部分所示
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·动西组态层性设置用户窗口属性设置星性说置垂直移动基本属性 扩充属性 启动脚本 循环脚本 巡出脚车表达式循环时间(ns）100?19 TEIN垂直移动连接最小移动偏移量表达式的值-量大移动偏移量表达式的值200100打开胖本程序编轩器确认（联消（C）检查（）帮助（)栓查（区）确认（）取消（)帮助)图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所示。点击“确认”，提示组态错误时，选择添加数据对象“旋转可见度
第一章 简单动画组态 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中级培训教程动西显示将件配性说置动西显示构件医性脱发基丰属性 聚术属性 可见使医性基本黑性显示黑性可庆离性o显示变量外形文宇类型：开关，数值型限特可见质图像州表：效果预览图像口动需显采的实现净根据量示变量的值切换显示各幅图诊全当显示妥量非季时，自动切范显示各幅图增加悦点自功换示的速摄邮件段点加持61图像大小通明加然图像任意大小位图厂通明色：尖堂四C卖际大小图修类型：E光清投背景类型对齐方式#真：上中下任惠拍起增延按链水平左中者任意格症按拾起填充顶包检责区）确认）联消（精助（(8）检重）确认取消（）特助（E)图1-2-13风扇设置图1-2-14旋转效果设置设置好之后，调整动画显示构件大小为60*50，拖到风扇框架的左上方。再复制出3个风扇。分别放置在框架的右上、左下、右下方，如图1-2-15所示。3.添加脚本：打开：“用户窗口属性设置”对话框，在循环脚本页添加使风扇旋转的脚本，如图1-2-16标注部分所示。用户窗口民性设置基本屋性 扩充属性启动脚本 循环脚本 遮出脚本循环时)(ns)100旋转可见度=1-能转可见度TF bK100 THENeL.betE打开胖本程字编辑器检查（）确认（）取消(C)帮助)图1-2-15风扇组态效果图1-2-16风扇旋转脚本4、风扇的按钮控制：添加两个“标准按钮”设置按钮标题分别为“启动”和“停止”。（1）启动进入“启动”按钮的属性设置对话框，在操作属性页，设置“抬起功能”：数据对象值操作“置1”，定义数值型变量“旋转循环”，如图1-2-17所示。“旋转循环”控制风扇旋转，当“旋转循环”为1时，风扇开始旋转。在用户窗口属性设置对话框中，添加循环脚本“IF旋转循环=1THEN旋转可见度=1-旋转可见度”。如图1-2-18标注部分所示
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 标注部分所示