第5章动画制作

1、第第5章章 动画制作动画制作5.15.1动画制作概述动画制作概述 5.2 动画制作动画制作 5.1 基本概念基本概念动画制作是建立画面中对象与数据变量或表达式的对动画制作是建立画面中对象与数据变量或表达式的对应关系。动画制作又称动画连接。定义动画连接，实应关系。动画制作又称动画连接。定义动画连接，实际上是将用户窗口内创建的图形对象与实时数据库中际上是将用户窗口内创建的图形对象与实时数据库中定义的数据对象建立对应连接关系，通过对图形对象定义的数据对象建立对应连接关系，通过对图形对象在不同的数值区间内设置不同的状态属性（如颜色、在不同的数值区间内设置不同的状态属性（如颜色、大小、位置移动、可见度、

2、闪烁效果等），用数据对大小、位置移动、可见度、闪烁效果等），用数据对象值的变化来驱动图形对象的状态改变，使系统在运象值的变化来驱动图形对象的状态改变，使系统在运行过程中，产生形象逼真的动画效果。建立了动画连行过程中，产生形象逼真的动画效果。建立了动画连接后，在图形界面运行环境下接后，在图形界面运行环境下, ,根据数据变量或表达式根据数据变量或表达式的变化，图形对象可以按动画连接的要求进行改变。的变化，图形对象可以按动画连接的要求进行改变。因此，因此，动画连接过程就归结为对图形对象的状态属性动画连接过程就归结为对图形对象的状态属性设置的过程。设置的过程。 5.1.1 动画连接的种类划分w 建立了

3、图形对象或图形符号，就可以建立与之相建立了图形对象或图形符号，就可以建立与之相关联的动画连接。与图形对象相连的数据库变量关联的动画连接。与图形对象相连的数据库变量值发生变化后，动画连接使对象的外形显示发生值发生变化后，动画连接使对象的外形显示发生变化。例如，泵符号可以在切断时为红色，在开变化。例如，泵符号可以在切断时为红色，在开通时为绿色；另外泵符号还可以组态成触敏按钮，通时为绿色；另外泵符号还可以组态成触敏按钮，当被按下时使其开通或切断。因此，在不同的数当被按下时使其开通或切断。因此，在不同的数值区间内设置不同的图形状态属性（如颜色、大值区间内设置不同的图形状态属性（如颜色、大小、位置移动、

4、可见度、闪烁效果等）小、位置移动、可见度、闪烁效果等）.5.1.2 参与动画连接的主体变量w 在上述几种类型的动画连接中，除对象拖动连接在上述几种类型的动画连接中，除对象拖动连接和数值显示及数值输入连接只能与单独一个变量和数值显示及数值输入连接只能与单独一个变量连接外，其它几种类型的连接均支持与表达式的连接外，其它几种类型的连接均支持与表达式的连接。当与表达式连接时，图形对象实际上是在连接。当与表达式连接时，图形对象实际上是在与表达式的运算结果进行连接。表达式要遵循一与表达式的运算结果进行连接。表达式要遵循一定的语法，请参阅本章第五节中介绍的脚本语法定的语法，请参阅本章第五节中介绍的脚本语法正

5、确组态表达式，这里需要特别指出的是当表达正确组态表达式，这里需要特别指出的是当表达式为逻辑运算时，如果需要判断两个变量是否相式为逻辑运算时，如果需要判断两个变量是否相等，需要使用运算符等，需要使用运算符“= = =”。5.1.3 建立动画连接的基本步骤w 各种组态软件建立动画连接的步骤基本相同，下各种组态软件建立动画连接的步骤基本相同，下面是监控组态软件建立动画连接的步骤：面是监控组态软件建立动画连接的步骤： 1. 1. 创建和选择连接对象（如线、填充图形、文本、创建和选择连接对象（如线、填充图形、文本、按钮等）。按钮等）。 双击对象或者用鼠标右键单击对象，弹出右双击对象或者用鼠标右键单击对象

6、，弹出右键菜单后选择其中的键菜单后选择其中的“对象动画对象动画A”，或者选中，或者选中图形对象后直接按下图形对象后直接按下“Alt + Enter”键。键。2. 弹出动画连接主对话框弹出动画连接主对话框w 根据要连接的动画选择相应的按钮，进入动画连根据要连接的动画选择相应的按钮，进入动画连接的详细定义对话框。例如，若要定义垂直拖动接的详细定义对话框。例如，若要定义垂直拖动动作的动画连接，则单击动作的动画连接，则单击“与鼠标相关动作与鼠标相关动作”类类中中“拖动拖动”组的组的“垂直垂直”按钮，弹出按钮，弹出“垂直拖动垂直拖动”对话框（图对话框（图5-3）图5-2 动画连接主对话框图5-3 垂直拖

7、动连接对话框在对话框中为连接定义输入详细资料，然后单击“确认”按钮，回到动画连接主对话框。一旦输入了所有需要的信息，单击对话框底端的“返回”按钮返回。5.2.1 对象的拖动连接w 拖动连接使对象的位置与变量数值相连接。变量拖动连接使对象的位置与变量数值相连接。变量数值的改变使图形对象的位置发生变化，反之，数值的改变使图形对象的位置发生变化，反之，用鼠标拖动图形对象又会使变量的数值改变。用鼠标拖动图形对象又会使变量的数值改变。w 拖动包括水平与垂直两个方向。例如在图拖动包括水平与垂直两个方向。例如在图5-4中，中，三角形游标的位置可以代表阀门的开度，通过拖三角形游标的位置可以代表阀门的开度，通过

8、拖动游标就可以改变阀门的开度。动游标就可以改变阀门的开度。1. 水平拖动及其要组态的必要参数w 图图5-5是监控组态软件的是监控组态软件的“水平拖动水平拖动”连接对话框，连接对话框，与水平拖动连接相关的组态参数有：与水平拖动连接相关的组态参数有：图5-5 水平拖动连接对话框2. 垂直拖动及其要组态的必要参数w 垂直拖动连接与水平拖动连接类似，垂直拖动动垂直拖动连接与水平拖动连接类似，垂直拖动动画连接对话框如图画连接对话框如图5-7所示所示图5-7 垂直拖动连接对话框5.2.2 对象的触敏动作连接w 触敏动作连接是当图形对象被指点（用鼠标单击或按触敏动作连接是当图形对象被指点（用鼠标单击或按EN

9、TER键）时执行的动画连接，共分窗口显示连接键）时执行的动画连接，共分窗口显示连接和一般动作连接两种。窗口显示连接能使按钮或其它和一般动作连接两种。窗口显示连接能使按钮或其它图形对象与某一窗口建立连接，当用鼠标点击按钮或图形对象与某一窗口建立连接，当用鼠标点击按钮或图形对象时，自动显示连接的窗口。一般动作连接定图形对象时，自动显示连接的窗口。一般动作连接定义当图形对象被按下时，用脚本触发一系列的逻辑控义当图形对象被按下时，用脚本触发一系列的逻辑控制或其它动作，达到改变变量的值、图形对象的颜色、制或其它动作，达到改变变量的值、图形对象的颜色、大小，控制图形对象的运动等目的。大小，控制图形对象的运

10、动等目的。1. 窗口显示连接w 窗口显示连接没有其它要指定的参数，当在动窗口显示连接没有其它要指定的参数，当在动画连接主对话框中选择画连接主对话框中选择“触敏动作触敏动作/窗口显窗口显示示”，出现选择窗口的对话框时，选择一个窗，出现选择窗口的对话框时，选择一个窗口，单击口，单击“打开打开”按钮或直接双击窗口名即完按钮或直接双击窗口名即完成了组态。如图成了组态。如图5-8所示。所示。图5-8 窗口显示连接选择窗口2. 动作连接当在动画连接主对话框中选择“触敏动作-左键动作”时， 会弹出触敏性动作脚本编辑器,进入脚本编辑画面,如图5-9所示。在对话框中键入一段程序，当图形对象被点击时就会自动执行这

11、一段程序。脚本编辑器有规则的语法要求，并提供了很多函数供调用。图5-9 在脚本编辑器中编辑触敏动作5.2.3 对象尺寸及位置连接w 可以把变量值与图形对象的水平、垂直方向运动可以把变量值与图形对象的水平、垂直方向运动或自身旋转运动连接起来，以形象地表现客观世或自身旋转运动连接起来，以形象地表现客观世界物体运动的状态；也可以把变量或表达式的值界物体运动的状态；也可以把变量或表达式的值与图形对象的尺寸大小连接，让变量反映对象外与图形对象的尺寸大小连接，让变量反映对象外观的变化。观的变化。1.对象移动w 对象移动是指图形位置随着变量或表达式的值的对象移动是指图形位置随着变量或表达式的值的变化而变化。

12、对象移动分为水平与垂直两个方向变化而变化。对象移动分为水平与垂直两个方向上的移动。共有水平移动、垂直移动、旋转三种上的移动。共有水平移动、垂直移动、旋转三种移动方式。移动方式。水平移动及其要组态的必要参数w 图图5-105-10是力控的是力控的监控组态软件的监控组态软件的“目标移动目标移动/水平水平”连接对话框，与水平移动连接相关的组态参数有连接对话框，与水平移动连接相关的组态参数有图5-10 水平移动连接对话框2 尺寸变化连接w 尺寸变化连接是指图形对象的尺寸随着变量或表尺寸变化连接是指图形对象的尺寸随着变量或表达式的值的变化而变化。尺寸变化包括纵向与横达式的值的变化而变化。尺寸变化包括纵向

13、与横向两个方向上的变化，即高度变化与宽度变化。向两个方向上的变化，即高度变化与宽度变化。图5-13 宽度连接对话框5.2.4 对象颜色变化连接w 颜色变化连接可使图形对象的线色、填充色、文颜色变化连接可使图形对象的线色、填充色、文本颜色等属性随着变量或表达式的值的变化而变本颜色等属性随着变量或表达式的值的变化而变化。根据变化条件的不同，颜色变化分为以下两化。根据变化条件的不同，颜色变化分为以下两种情况种情况w 边线变化连接是指图形对象的边线颜色随着表达边线变化连接是指图形对象的边线颜色随着表达式的值的变化而变化。这两种动作连接的变量为式的值的变化而变化。这两种动作连接的变量为模拟量。模拟量。.

14、 边线变化连接、实体边线变化连接、实体/文本文本变化连接：变化连接：图5-17 条件变化颜色连接连接对话框图5-15 边线颜色连接对话框. 条件变化、闪烁变化连接：条件变化、闪烁变化连接：w 条件变化连接是指图形对象的填充色或文本的前条件变化连接是指图形对象的填充色或文本的前景色随着布尔表达式值的变化而改变。闪烁连接景色随着布尔表达式值的变化而改变。闪烁连接可使图形对象根据一布尔变量或布尔表达式的值可使图形对象根据一布尔变量或布尔表达式的值的状态而闪烁。闪烁可表现为颜色变化及或隐或的状态而闪烁。闪烁可表现为颜色变化及或隐或现。颜色变化包括填充色、线色的变化。这两种现。颜色变化包括填充色、线色的

15、变化。这两种动画连接的变量为开关量。动画连接的变量为开关量。图5-18 闪烁连接对话框图5-16 调色板窗口5.2.5 百分比填充连接w 百分比填充连接可以使图形对象的内部以一种百分比填充连接可以使图形对象的内部以一种与图形静态颜色不同的其它颜色填充，填充比与图形静态颜色不同的其它颜色填充，填充比例随着变量或表达式值的变化而改变。例如：例随着变量或表达式值的变化而改变。例如：某变量值客观反映生产过程中某实际容器液位某变量值客观反映生产过程中某实际容器液位的变化，把此变量与一个填充图形进行百分比的变化，把此变量与一个填充图形进行百分比填充连接，这个填充图形的填充比例的变化就填充连接，这个填充图形

16、的填充比例的变化就可以形象地表现容器液位的变化。可以形象地表现容器液位的变化。图5-20 水平填充对话框图5-19 垂直填充连接对话框百分比填充分为垂直填充与水平填充两种。5.2.6 数值输入/输出连接w 输入连接可使图形对象变为触敏状态。在图形界面输入连接可使图形对象变为触敏状态。在图形界面运行期间，当鼠标点中该对象或直接按下设定的热运行期间，当鼠标点中该对象或直接按下设定的热键后，系统出现输入框，提示输入数据。输入数据键后，系统出现输入框，提示输入数据。输入数据后用回车确认，与图形对象连接的变量值被设定为后用回车确认，与图形对象连接的变量值被设定为输入值。输出连接是建立数据、信息的显示，使

17、文输入值。输出连接是建立数据、信息的显示，使文本对象（包括按钮）动态显示变量或表达式数值的本对象（包括按钮）动态显示变量或表达式数值的重要手段，是对屏幕的输出。重要手段，是对屏幕的输出。w 输入和输出连接各分三种形式：模拟输入输入和输出连接各分三种形式：模拟输入/输出、开输出、开关输入关输入/输出和字符串输入输出和字符串输入/输出。模拟输入输出。模拟输入/输出连输出连接中与对象连接的变量为模拟量，字符串输入接中与对象连接的变量为模拟量，字符串输入/输出输出连接中的连接变量为字符串变量，开关输入连接中的连接变量为字符串变量，开关输入/输出连输出连接中连接变量为开关量接中连接变量为开关量w 数值输入数值输入/输出连接的图形对象必须为输出连接的图形对象必须为文本或按钮文本或按钮，并且在文本或按钮中的文字要明确指出数据格式，并且在文本或按钮中的文字要明确指出数据格式，文字中左边起第一个小数点文字中左边起第一个小数点“.”前面的字符个数为整前面的字符个数为整数部分位数，后面的字符个数为小数位数。若没有数部分位数，后面的字符个数为小数位数。若