指南第四章动画连接.docx

1、指南第四章动画连接第四章 动画连接动画连接是指画面中图形对象与变量或表达式的对应关系。建立了动画连接后，在界面运行系统中，图形对象将根据变量或表达式的数据变化，改变其颜色、大小等外观。假设变量LEVEL的值代表某一容器液位的高度，并且创建了一个填充矩形表示容器液位。现在我们可以建立如下动画连接：当LEVEL的值大于80时矩形填充颜色变为红色，当LEVEL的值小于80时矩形填充颜色变为绿色。这样通过观察图形的颜色我们就可以判断容器中液位的状况。示意图如下：4.1 动画连接概述如果您想掌握制作动画连接的方法，首先要了解下面的内容：1、创建和选择连接对象，如线、填充图形、文本、按钮等。（有关创建图形

2、对象的详细信息请参考前面章节的内容）。双击对象或者用鼠标右键单击对象，弹出右键菜单后选择其中的“对象动画”，或者选中图形对象后直接按下“Alt + Enter”键。2、弹出“动作菜单”对话框：在对话框中可以看到，动画连接有五类内容：鼠标相关动作、颜色相关动作、尺寸旋转移动、数值输入显示、杂项。根据要连接的动画选择相应的按钮，进入动画连接的详细定义对话框。例如，若要定义垂直拖动动作的动画连接，则单击“与鼠标相关动作”类中“拖动”组的“垂直”按钮，弹出“垂直拖动”对话框：在对话框中为连接定义输入详细资料，然后单击“确认”按钮，回到“动作菜单”对话框。一旦您输入了所有需要的信息，单击对话框底端的“返

3、回”按钮返回。注意：当创建动画连接时，在连接生效之前，所使用的变量必须被创建。如果直接使用了尚未创建的变量，当“确定”按钮按下时，系统将提示进行定义，并可自动进入变量定义的对话框。4.2鼠标相关动作该类动作分为拖动和触敏动作两类。图形对象一旦建立了与鼠标相关的动作的动画连接，在系统运行时当对象被鼠标选中或拖拽时，动作即被触发。4.2.1 拖动拖动连接使对象的位置与变量数值相连接。变量数值的改变使图形对象的位置发生变化，反之，用鼠标拖动图形对象又会使变量的数值改变。拖动包括水平与垂直两个方向。例如在下图中，三角形游标的位置可以代表阀门的开度，通过拖动游标就可以形象地改变阀门的开度。水平拖动要建立

4、水平拖动，可按如下步骤进行：1、首先要确定拖动对象在水平方向上移动的距离（用像素数表示）。画一条参考水平线，水平线的两个端点对应拖动目标移动的左右边界，记下线段的长度。（线在选中状态下，其长度显示在工具箱的状态区中，如下图示例）。2、建立拖动图形对象，使对象与参考线段的左端点对齐，删除参考线段。然后选中对象，双击鼠标，进入“动画连接”对话框：3、在动作选择对话框中选择“拖动/水平”进入“水平拖动”对话框：下面就对话框中各项内容予以说明：变量：变量名称。在最左端时（值）：图形对象被拖到最左端时对变量的设定值。在最右端时（值）：图形对象被拖到最右端时对变量的设定值。向右最少（移动像素数）：图形对象

5、被拖到最左端时，其位置在水平方向上偏离原始位置的像素数。向右最多（移动像素数）：图形对象被拖到最右端时，其位置在水平方向上偏离原始位置的像素数。变量选择：选择此按钮，弹出“变量选择”对话框：对话框中按树形结构列出各种变量名称，选择要进行动画连接的变量名后，单击“选择”按钮，变量名自动加在“变量”输入框内。4、输入完以上各项内容后，选择“确认”按钮返回动画连接菜单，可以继续创建其它动作，或者选择“返回”按钮返回。垂直拖动垂直拖动连接的建立方法与水平拖动连接的建立方法类似，垂直拖动动画连接对话框如下：下面就对话框中各项内容予以说明：变量：变量名称。在最底端时（值）：图形对象被拖到最底端时对变量的设

6、定值。在最顶端时（值）：图形对象被拖到最顶端时对变量的设定值。向上最少（移动像素数）：图形对象被拖到最顶端时，其位置在垂直方向上偏离原始位置的像素数。向上最多（移动像素数）：图形对象被拖到最底端时，其位置在垂直方向上偏离原始位置的像素数。变量选择：选择此按钮，弹出“变量选择”对话框，可在对话框中直接选择要进行连接的变量名称。注意：可以给上面的“移动象素数”输入负数，来达到反向拖动的目的。4.2.2触敏动作窗口显示窗口显示能使按钮或其它图形对象与某一窗口建立连接，当用鼠标点击按钮或图形对象时，自动显示连接的窗口。要建立窗口显示连接，可按如下步骤进行：1、创建图形对象，然后选中该图形对象双击鼠标，

7、进入动画连接对话框。2、在动画连接对话框中选择“触敏动作/窗口显示”将出现选择窗口的对话框：在该对话框中选择一个窗口，单击“确认”按钮或直接双击窗口名。返回动画连接菜单，可以继续创建其它动作，或者选择“返回”按钮返回。左键动作连接能使图形对象与鼠标左键动作建立连接，当用鼠标左键对图形对象进行“按下”、“持续按下”、“抬起”操作时，执行本动作。因为该动作主要涉及脚本程序，所以对其较为详细的说明请参考动作脚本一章。右键菜单右键菜单与“自定义菜单”中的右键弹出菜单配合使用，进入运行系统后，使鼠标右键点击该对象时，显示一列右键弹出菜单（关于如何创建右键菜单请参考第一章内容）。举例：假设在“自定义菜单”

8、中已经定义了一个名为“menu”的右键菜单，菜单项有2项“OPEN”、“CLOSE”。选择一个图形对象，双击该图形对象进入“动画连接”对话框。选择“触敏动作/右键菜单”，出现如下对话框：在“菜单名称”下拉框中选择已定义的右键菜单“menu”。在“与光标对齐”方式中选择一种合适的对齐方式。单击“确定”。进入运行系统后，当用鼠标右键单击该图形对象时，出现如下菜单：信息提示使图形对象与鼠标焦点建立连接，当鼠标的焦点移动到图形对象上时，执行本动作，可以显示常量或变量等提示信息。举例说明如下：1、创建一个矩形图形对象，然后选中该图形对象双击鼠标，进入动画连接对话框。2、在动画连接对话框中选择“触敏动作/

9、信息提示”出现“输入提示信息”对话框：在编辑框内输入要显示的提示信息。可以直接输入一个变量或表达式，也可以单击“变量选择”按钮在列表框中选择变量。如果要提示一个固定的字符串信息，在输入字符串信息后，要将字符串信息用双引号“”括起来，如上图所示。“延迟显示时间”项用于指定当鼠标焦点移动图形对象上后，延迟多长时间显示提示信息。“提示停留时间”项用于指定当开发始显示提示信息后，持续多长时间显示提示信息。3、“确认”后，“返回”。进入运行系统。点击该矩形，将出现如下信息提示：4.3 对象的颜色相关动作与对象颜色相关的动作包括：颜色变化和百分比填充。4.3.1 颜色变化连接颜色变化连接可使图形对象的线色

10、、填充色、文本颜色等属性随着变量或表达式的值的变化而变化。根据变化条件的不同，颜色变化分为边线、实体/文本、条件和闪烁动画连接，其中边线和实体/文本这两种动作连接的变量为模拟量；条件、闪烁动画连接的变量为开关量。边线变化边线变化连接是指图形对象的边线颜色随着表达式的值的变化而变化。要建立边线变化连接，按如下步骤进行：1、创建要进行边线变化连接的图形对象，然后选中该对象，双击鼠标进入动画连接对话框：2、选择“颜色变化/边线”将出现边线颜色动画连接对话框：下面就对话框中各项内容予以说明：表达式：变量名称或表达式。断点：颜色分段变化时断点处的值。四个断点将颜色变化区域分成颜色可不同也可相同的五段。颜

11、色：选择五种颜色，每种颜色对应一段。当要设置某一段的颜色时，在相应段的颜色显示区内单击鼠标左键，出现调色板窗口：在调色板窗口中单击鼠标选择一种颜色。例如：当这五段的颜色依次被设为：黄色、红色、绿色、红色、黄色时，表示图形对象边线的颜色随表达式的值变化情况为：小于10时为黄色，1020为红色，2080为绿色，80 90为红色，90以上为黄色。变量选择：选择此按钮，弹出“变量选择”对话框，可在对话框中直接选择要进行连接的变量名称。3、输入完以上各项内容后，选择“确认”按钮返回动画连接菜单，可以继续创建其它动作，或者选择“返回”按钮返回。实体/文本变化实体/文本变化连接是指图形对象的填充色或文本的前

12、景色随着表达式的值的变化而变化。实体/文本变化连接的建立方法与边线变化连接的建立方法类似。其动画连接对话框如下：条件变化条件变化连接是指图形对象的填充色或文本的前景色随着布尔表达式的值的变化而改变。要建立条件变化连接，按如下步骤进行：1、创建条件变化图形对象，然后选中该对象，双击鼠标进入动画连接对话框。2、在动画选择对话框中选择“颜色变化/条件”将出现如下所示对话框：下面就对话框中各项内容予以说明：表达式：布尔表达式或开关量变量名。值为真时颜色：布尔表达式或开关量变量的值为真时的颜色。值为假时颜色：布尔表达式或开关量变量的值为假时的颜色。变量选择：选择此按钮，弹出“变量选择”对话框，可在对话框

13、中直接选择要进行连接的变量名称。3、输入完以上各项内容后，选择“确认”按钮返回动画连接菜单，可以继续创建其它动作，或者选择“返回”按钮返回。在上例中LIC101.PV的值大于 60时，图形填充色变为红色；LIC101.PV的值小于或等于60时，图形填充色为绿色。闪烁连接闪烁连接可使图形对象根据一布尔变量或布尔表达式的值的状态而闪烁。闪烁可表现为颜色变化及或隐或现。颜色变化包括填充色、线色的变化。要建立闪烁连接，按如下步骤进行：1、创建闪烁连接图形对象，然后选中该对象，双击鼠标进入动画连接对话框。2、在动作选择对话框中选择“颜色变化/闪烁”将出现闪烁动画连接对话框：下面就对话框中各项应输入的内容

14、予以说明：条件：布尔表达式或开关量变量名。“属性”组中的选项用于指定闪烁的表现形式。或隐或现：如果选择该选项，闪烁则以图形对象隐藏和显现交替变化来表现。颜色变化：如果选择该选项，闪烁则以图形对象原始颜色与设定颜色之间的交替变化来表现。如果选择“颜色变化”需设定与图形对象原始颜色进行对比，交替变化时的线色或文本的前景色以及实体的填充色。线/文字：该项用来设定用“颜色变化”表现闪烁时，与图形对象原始线色或文本的前景色进行对比，交替变化时的线色或文本的前景色。填充色：该项用来设定用“颜色变化”表现闪烁时，与图形对象原始填充颜色进行对比，交替变化时的填充色。闪烁速度：该项指定闪烁速度为慢速，中速或快速

15、。变量选择：选择此按钮，弹出“变量选择”对话框，可在对话框中直接选择要进行连接的变量名称。3、输入完以上各项内容后，选择“确认”按钮返回动画连接菜单，可以继续创建其它动作，或者选择“返回”按钮返回。4.3.2 百分比填充百分比填充连接可以使具有填充形状的图形对象的填充比例随着变量或表达式值的变化而改变。例如：某变量值客观反映生产过程中某实际容器液位的变化，把此变量与一个填充图形进行百分比填充连接，这个填充图形的填充形状的变化就可以形象地表现容器液位的变化了。百分比填充分为垂直填充与水平填充两种。垂直填充要建立垂直填充连接，按如下步骤进行：1、创建用于垂直填充连接的图形对象，然后选中该对象，双击

16、鼠标进入动画连接对话框： 2、在动作选择对话框中选择“百分比填充/垂直”进入“垂直百分比填充”对话框：下面就对话框中各项内容予以说明：表达式：变量或表达式。填充到最大时值：当变量或表达式达到此值时，图形对象的填充形状达到最大。填充到最小时值：当变量或表达式达到此值时，图形对象的填充形状达到最小。最大填充（%）：图形对象的填充形状达到最大时填充高度与原始高度的百分比，输入范围：0 100。最小填充（%）：图形对象的填充形状达到最小时填充高度与原始高度的百分比，输入范围：0 100。背景色：此项用于设定图形对象在运行时显示的背景颜色。单击颜色框内区域出现调色板窗口，选择一种颜色作为背景色。在运行时

17、，填充过程采用图形对象原始颜色覆盖背景色的方式进行。参考点：对于垂直填充连接，参考点决定填充进行的方向。如果参考点为下面，参数或表达式值由小变大时，填充区域由下至上增大。如果参考点为上面，参数或表达式值由小变大时，填充区域由上至下增大。变量选择：选择此按钮，弹出“变量选择”对话框，可在对话框中直接选择要进行连接的变量名称。3、输入完以上各项内容后，选择“确认”按钮返回动画连接菜单，可以继续创建其它动作，或者选择“返回”按钮返回。水平填充水平填充连接的建立方法与垂直填充连接的建立方法类似。只是填充区域是在水平方向上变化。其动画连接对话框如下： 4.4 对象的尺寸及位置动画连接可以把变量值与图形对

18、象的水平、垂直方向运动或自身旋转运动连接起来，以形象地表现客观世界物体运动的状态；也可以把变量与图形对象的尺寸大小连接，让变量反映对象外观的变化。目标移动包括垂直、水平和旋转。尺寸动画连接包括高度和宽度动画连接。4.4.1目标移动目标移动是指图形位置随着变量或表达式的值的变化而变化。目标移动分为水平与垂直两个方向上的移动和目标旋转。水平移动要建立水平移动，可按如下步骤进行：1、首先要确定移动对象在水平方向上移动的距离（用像素数表示）。画一条参考水平线，水平线的两个端点对应拖动目标移动的左右边界，记下线段的长度。（线在选中状态下，其长度显示在工具箱的状态区中）2、水平移动图形对象，使对象与参考线

19、段的左端点对齐，删除参考线段。然后选中对象，双击鼠标进入动画连接对话框：3、在动作选择对话框中选择“目标移动/水平”将出现如下所示对话框：下面就对话框中各项内容予以说明：表达式：变量名称或表达式。在最左/底端时（值）：使图形目标移动到最左端时变量需要设定的低限值。在最右/顶端时（值）：使图形目标移动到最右端时变量需要设定的高限值。向右/上最少（移动的像素数）：使图形目标移动到最左端时，其位置在水平方向上偏离原始位置的像素数。向右/上最多（移动的像素数）：使图形目标移动到最右端时，其位置在水平方向上偏离原始位置的像素数。变量选择：选择此按钮，弹出“变量选择”对话框，可在对话框中直接选择要进行连接

20、的变量名称。4、输入完以上各项内容后，选择“确认”按钮返回动画连接菜单，可以继续创建其它动作，或者选择“返回”按钮返回。垂直移动垂直移动连接的建立方法与水平移动连接的建立方法类似。注意：当垂直/水平移动的“象素数”填写上负数时，移动方向将与原方向相反。比如，如上图象素数“最左端时”为0，“最左端时”为100。则目标运动方向由左向右，如果想让目标移动方向由右向左，可以是“最左端时”为0，“最左端时”为-100。垂直移动方法类似。旋转旋转连接能使图形对象的方位随着一变量或表达式的值的变化而变化。要建立旋转连接，按如下步骤进行：1、创建旋转图形对象，然后选中该对象，双击鼠标进入动画连接对话框：2、选

21、择“目标移动/旋转”进入“目标旋转”对话框：下面就对话框中各项内容予以说明：表达式：变量名称或表达式。旋转到最小角度时（值）：当变量或表达式值设定为此数值时，图形对象偏离原始位置的角度为最小角度。旋转到最大角度时（值）：当变量或表达式值设定为此数值时，图形对象偏离原始位置的角度为最大角度。最小角度：图形对象在旋转时偏离原始位置的最小角度。最大角度：图形对象在旋转时偏离原始位置的最大角度。向右偏置：旋转轴心从图形对象的几何中心在水平方向向右的偏移量（以像素为单位）。如果此值设定为0，表示图形对象的旋转轴心处于图形对象几何中心的水平方向上。向上偏置：旋转轴心从图形对象的几何中心在垂直方向向上的偏移

22、量（以像素为单位）。如果此值设定为0，表示图形对象的旋转轴心处于图形对象几何中心的垂直方向上。变量选择：选择此按钮，弹出“变量选择”对话框，可在对话框中直接选择要进行连接的变量名称。注意：角度采用的单位为度，不是弧度。另外，在缺省情况下，旋转连接的旋转轴心为图形对象的几何中心，若要将其它位置作为旋转中心，需要设置偏置量。例如：对于一个长方形，如果要以其右上角为旋转轴心，需要将“向右偏置”项设为此长方形长度的一半，而将“向上偏置”项设为此长方形高度的一半；如果要以其右下角为旋转轴心，需要将“向右偏置”项设为此长方形长度的一半，而将“向上偏置”项设为此长方形高度的一半的负值。还要注意，进行旋转连接

23、的图形对象不能带有立体风格。3. 输入完以上各项内容后，选择“确认”按钮返回动画连接菜单，可以继续创建其它动作，或者选择“返回”按钮返回。4.4.2 尺寸变化连接尺寸变化连接是指图形对象的尺寸随着变量或表达式的值的变化而变化。尺寸变化包括纵向与横向两个方向上的变化，即高度变化与宽度变化。宽度变化要建立宽度变化连接，按如下步骤进行：1、创建宽度变化图形对象，然后选中该对象，双击鼠标进入动画连接对话框。2、在动作选择对话框中选择“尺寸/宽度”，进入“宽度变化”对话框：下面就对话框中各项内容予以说明：表达式：变量名称或表达式。宽度达到最大时值：当变量或表达式达到此值时，图形对象尺寸达到最大宽度。宽度

24、达到最小时值：当变量或表达式达到此值时，图形对象尺寸达到最小宽度。最大宽度（%）：图形对象尺寸达到最大宽度时与原始宽度尺寸的百分比。最小宽度（%）：图形对象尺寸达到最小宽度时与原始宽度尺寸的百分比。参考点：对象发生宽度变化时的参考点。参考点可以是对象左边、中心或右边。变量选择：选择此按钮，弹出“变量选择”对话框，可在对话框中直接选择要进行连接的变量名称。3、输入完以上各项内容后，选择“确认”按钮返回动画连接菜单，可以继续创建其它动作，或者选择“返回”按钮返回。高度变化连接高度变化连接的建立方法与宽度变化连接的建立方法类似，高度变化动画连接对话框如下：下面就对话框中各项内容予以说明：表达式：变量

25、名称或表达式。在最大高度时值：当变量或表达式达到此值时，图形对象尺寸达到最大高度。在最小高度时值：当变量或表达式达到此值时，图形对象尺寸达到最小高度。最大高度（%）：图形对象尺寸达到最大高度时与原始高度尺寸的百分比。最小高度（%）：图形对象尺寸达到最小高度时与原始高度尺寸的百分比。参考点：对象发生高度变化时的参考点。参考点可以是对象上边、中心或下边。变量选择：选择此按钮，弹出“变量选择”对话框，可在对话框中直接选择要进行连接的变量名称。4.5 数值输入和输出显示包括数值输入和数值输出。4.5.1 数值输入输入连接可使图形对象变为触敏状态。在运行期间，当鼠标点中该对象或直接按下设定的热键后，系统

26、出现输入框，提示输入数据。输入数据后用回车确认，与图形对象连接的变量值被设定为输入值。输入连接分为三种：模拟输入、开关输入和字符串输入。模拟输入模拟输入连接中与对象连接的变量为模拟量。要建立模拟输入连接，按如下步骤进行：1、创建模拟输入连接图形对象，然后选中该对象，双击鼠标进入动画连接对话框：2、在动作选择对话框中选择“数值输入/模拟”进入模拟输入定义对话框：下面就对话框中各项予以说明：热键：用键盘上某个键或键组合来触发数值输入动作。在基本键中选择F1 F12、A Z、Space、PageUp、PageDown、End、Home、Print、Right、Left、Up、Down等基本键。可选择

27、Ctrl、Shift键作为组合键。变量：变量或表达式。变量或表达式中涉及的变量的数据类型必须为实型，整型或开关量。带提示：选择此选项，输入框变为带有提示信息和软键盘的形式：口令：选择此选项，在输入框输入的字符不在屏幕上显示。不显示：此选项只对“字符串输入连接”有效。提示信息：在输入框内显示的提示信息。3、输入完以上各项内容后，选择“确认”按钮返回动画连接菜单，可以继续创建其它动作，或者选择“返回”按钮返回。字符串输入连接字符串输入连接中的连接变量为字符串变量。字符串输入连接的创建方法与模拟输入连接的创建方法类似。唯一的区别是连接的变量的数据类型是字符型变量。不显示：选中该选择框后，在运行时只显

28、示在开发系统Draw中输入的文本串，而不显示变量的值。另外，当选择了“带提示”选项后，在运行时出现的软键盘为带有全部字母和数字的形式：开关量输入连接开关输入连接中连接变量为开关量。要建立开关输入连接，按如下步骤进行：1、创建开关输入连接图形对象，然后选中该对象，双击鼠标进入动画连接对话框。2、在动作选择对话框中选择“数值输入/开关”进入开关输入连接定义对话框：下面就对话框中各项予以说明：热键：用键盘上某个键或键组合来激发对象的动作。在基本键中选择F1 F12、A Z、Space、 PageUp、PageDown、End、 Home、Print、Right 、 Left 、Up 、Down 等基

29、本键。可选择Ctrl、 Shift 键作为组合键。变量：变量名或表达式。变量名或表达式涉及的变量必须为整型变量或开关型变量。提示：提示信息。枚举量：选中此按钮，则为枚举形式输入，否则为开关量输入。输入信息/开：输入位号值为“开”时的提示信息。该信息显示在输入提示框中。输入信息/关：输入位号值为“关”时的提示信息。该信息显示在输入提示框中。输出信息/开：输入位号值为“开”时的输出信息。输出信息/关：输入位号值为“关”时的输出信息。若为枚举型输入选择枚举量标签将出现如下所示属性页：在该属性页中输入枚举量为不同值（从0至7）时对应的输出信息。在本例中输入位号为I1带有提示信息，热键为F3。运行时输入

30、提示框形式如下：3、输入完以上各项后，选择“确认”将返回动作菜单，可以继续选择其它按钮定义另外的动作，或者按“返回”按钮返回到组态状态。4.5.2 数值输出数值输出连接能使文本对象（包括按钮）动态显示变量或表达式的值。数值输出连接分为三种：模拟输出、开关输出和字符串输出。模拟输出连接模拟输出连接中与对象连接的变量为模拟量。要建立模拟输出连接，按如下步骤进行：1、创建模拟输出连接图形对象。图形对象必须为文本或按钮，并且文本或按钮中的文字表明了输出格式，文字中左边起第一个小数点“.”前面的字符个数为整数部分位数，后面的字符个数为小数位数。若没有小数点“.”则表示不显示小数部分。输出文本对齐，字体等

31、属性同文本或按钮中的文字属性。然后选中该对象，双击鼠标进入动画连接对话框。2、在动作选择对话框中选择“数值输出/模拟”进入模拟输出连接定义对话框：其中选择“变量选择”按钮，弹出“变量选择”对话框，可在对话框中直接选择要进行连接的变量名称。3、在表达式输入框中输入模拟变量或表达式。4、输入完以上各项内容后，选择“确认”按钮返回动画连接菜单，可以继续创建其它动作，或者选择“返回”按钮返回。字符串输出连接字符串输出连接中对象连接变量的数据类型为字符型。字符串输出连接的建立方法与模拟输出连接的建立方法类似。只是表达式输入框应填写字符型变量或字符型表达式。需要注意的是图形对象必须为文本或按钮，并且文本或按钮中的文字表明了输出格式。文本宽度即为输出文本的宽度。输出文本对齐，字体等属性同文本或按钮中的文字属性。开关输出连接开关输出连接中对象连接变量为离散型变量。要建立开关输出连接，按如下