[第8讲]易控的动态画面―动画和事件

易控（INSPEC）培训教程第六章易控的动态画面—动画和事件九思易自动化软件第六章易控的动态画面—动画和事件培训目的1.掌握动画和事件的开发过程2.掌握常见的动画配臵方法3.掌握常见的事件配臵方法4.了解“复合动画”的含义和配臵5.了解“用户程序动画”的含义第一节概述开发画面是为了进行直观的监控，静态的画面直观描述了监控对象构成、外观等，而动态画面则直观反映了监控对象的信息变化过程。动态画面即画面上“可变化的”、或“可动作的”等的那一部分，如“画面上一个图形对象的颜色、位置等在监控对象所包含的信息发生改变时随着变化”；或者“点击画面上的一个表示电机的图形来启动或停止电机的运转”就是这里所指的动态画面的一部分。易控的动态画面主要指“动画”和“事件”。第二节动画“动画”是画面的动态部分，是画面开发过程的重要一步（参考“画面和图库”的“画面及开发”一节）。“动画”也称“图形动画”，就是图形的颜色、位置、大小等属性随着工程变量的数值变化而变化的关系。如当一个现场的开关信号在On/Off之间变化时，画面上一个表示该信号的图形对象的颜色可以在绿色和红色之间切换，就是一种动画。这种直观化、简单化、图形化的数据表示方法极大方便了对工业现场信号的监控。易控的动画功能十分强大，具有三大类动画：①常规动画;②复合动画；③用户程序动画。其中的“复合动画”和“用户程序动画”是易控独创的高级动画功能。在常规动画中也有许多是易控独有的。第六章易控的动态画面—动画和事件易控（INSPEC）培训教程98九思易自动化软件一、常规动画易控的常规动画有十几类，几十种之多，而且每一种动画还可能有多种可变的动画效果，因此最终能实现的动画效果十分丰富。动画是工程变量或者由多个变量构成的表达式的数值和图形属性的一种对应关系。如果按照表达式的数值的类型来分的话，动画可以划分为“离散型”动画和“线性”动画。如果按照图形的属性类型来分的话，则可划分为：可见性动画、缩放动画、旋转动画、移动动画、填充动画、线条动画、倾斜动画、数值显示动画、文本动画，象直线和弧线类等一些图形具有一些特别动画，归并到“其它”动画类之下。其中每一类动画可能包含多种动画，比如“填充动画”包含了“填充”、“百分比填充”和“透明”三种动画。“缩放动画”包含了“垂直离散缩放”、“垂直(线性)缩放”、“水平离散缩放”、“水平(线性)缩放”四种动画。“离散型动画”列举表达式的数值和图形属性之间的关系，即变量表达式的值和对象的属性值是“值对”的关系。“线性动画”是变量表达式的数值在从最小值到最大值之间变化，对应的图形对象属性也在最小值和最大值之间线性变化。易控默认的动画是“线性”动画，没有特殊说明的动画就是“线性”动画。图形的“动画”是图形的一种动态属性，所以又称为“动画属性”。在画面上选中一个图形对象，在“动画”属性窗口中配置动画属性。图6.1动画属性窗口易控（INSPEC）培训教程第六章易控的动态画面—动画和事件九思易自动化软件下面列出了常见的动画类型和它们的含义。动画含义可见性动画可见性动画是和图形对象是否可见的属性相关的动画。通过变量表达式值来控制图形的可见和不可见、交替可见与不可见（闪烁）等，来模拟工业现场的动态变化(注：填充动画中的透明动画可以实现类似逐渐可见与不可见的效果）。显示隐藏显示隐藏动画是通过变量表达式的值为1或者0（True或False）控制对象的显示和隐藏的动画效果。闪烁闪烁动画是通过变量表达式的值为1或者0（True或False）控制对象是否闪烁的动画。可以定义闪烁的快慢，即闪烁速度。移动动画和图形对象的“位臵”属性相关的动画。移动动画通过由变量表达式值可控的图形的位臵变化来模拟工业现场的动态变化。垂直移动垂直移动动画是图形对象在画面中的垂直位臵随表达式的值按线性关系变化的动画。分别定义表达式和图形垂直位臵的最小最大值，当表达式的值从最小变化到最大时，图形坐标Y对应从最小值变化到最大值。移动距离以象素为单位，以定义动画的对象在画面中的静态位臵为参考基准。水平移动水平移动动画是图形对象在画面中的水平位臵随表达式的值按线性关系变化的动画。分别定义表达式和图形垂直位臵的最小最大值，当表达式的值从最小变化到最大时，图形坐标X对应从最小值变化到最大值。移动距离以象素为单位，以定义动画的对象在画面中的静态位臵为参考基准。离散移动离散移动动画是图形对象在画面中的位臵随表达式的值按“值对”关系变化的动画。定义一组表达式的取值范围和相应的图形位臵。当表达式取值在某一预先定义的取值范围内时，图形移动到定义的对应位臵。缩放动画缩放动画是和图形对象的“大小”属性相关的动画。缩放动画通过由变量表达式值可控的图形的大小变化来模拟工业现场的动态变化。分水平和垂直，线形和离散的四种缩放。水平缩放水平缩放动画是图形对象水平方向上的大小随变量表达式的值按线性关系变化的动画。分别定义表达式和图形水平第六章易控的动态画面—动画和事件易控（INSPEC）培训教程100九思易自动化软件缩放的最小最大值，当表达式的值从最小变化到最大时，图形对象的缩放也从最小缩放百分比变化到最大缩放百分比。可以控制三种水平缩放方向：向右缩放、向左缩放、从中间向左右同时缩放。垂直缩放垂直缩放动画是图形对象垂直方向上的大小随变量表达式的值按线性关系变化的动画。分别定义表达式和图形垂直缩放的最小最大值，当表达式的值从最小变化到最大时，图形对象的缩放也从最小缩放百分比变化到最大缩放百分比。可以控制三种垂直缩放方向：向上缩放、向下缩放、从中间向上下同时缩放。水平离散缩放水平离散缩放动画是图形对象水平方向上的大小随变量表达式的值按“值对”关系变化的动画。定义一组表达式的取值范围和相应的水平缩放百分比。当表达式取值在某一预先定义的取值范围内时，图形在水平方向上按照定义的对应缩放百分比进行缩放。可以控制三种水平缩放方向：向右缩放、向左缩放、从中间向左右同时缩放。垂直离散缩放垂直离散缩放动画是图形对象垂直方向上的大小随变量表达式的值按“值对”关系变化的动画。定义一组表达式的取值范围和相应的垂直缩放百分比。当表达式取值在某一预先定义的取值范围内时，图形在垂直方向上按照定义的对应缩放百分比进行缩放。可以控制三种垂直缩放方向：向上缩放、向下缩放、从中间向上下同时缩放。填充动画填充动画是和图形对象的“填充”属性相关的动画。填充动画通过由变量表达式值可控的图形的填充模式、颜色、图案、纹理、渐变、渐变方向等变化来模拟工业现场的动态变化。有百分比填充、填充和透明三种动画百分比填充百分比填充动画是使图形对象的填充区域占整体的百分比随变量表达式的值按线性关系变化的动画。分别定义表达式和图形百分比填充的最小最大值，当表达式的值从最小变化到最大时，图形对象的填充百分比也从最小变化到最大。可以任意控制填充的方向和填充的模式。填充填充动画是图形对象的填充样式随变量表达式的值按“值对”关系变化的动画。定义一组表达式的取值方位和分别对应的填充模式。当表达式取值在某一预先定义的取值范围内时，图形的填充模式按照定义的对应设臵改变。透明透明动画是图形对象的透明度随变量表达式的值按线性关系变化的动画。分别定义表达式和图形透明度的最小最大易控（INSPEC）培训教程第六章易控的动态画面—动画和事件九思易自动化软件值，当表达式的值从最小变化到最大时，图形对象的透明度也从最小变化到最大。线条动画线条动画是和图形对象的“线条”属性相关的动画。线条动画通过由变量表达式值可控的图形的边界线模式、粗细、端点类型、直线的连接模式等变化来模拟工业现场的动态变化。线型线型动画是图形对象的线型随变量表达式的值按“值对”关系变化的动画。定义一组表达式的取值范围和分别对应的线型。当表达式取值在预先定义的取值范围内时，图形的线型按照定义的对应设臵线型改变。旋转动画旋转动画是和图形对象的“旋转角度”属性相关的动画。旋转动画通过由变量表达式值可控的图形的旋转角度的变化来模拟工业现场的动态变化。图形旋转角度的中心点在开发期间是可以指定的。有旋转、离散旋转和旋转启停三种旋转动画。旋转旋转动画是图形对象的旋转角度随变量表达式的值按线性关系变化的动画。分别定义表达式和图形旋转角度的最小最大值，当表达式的值从最小变化到最大时，图形对象的旋转角度也从最小变化到最大。离散旋转离散旋转动画是图形对象的旋转角度随变量表达式的值按“值对”关系变化的动画。定义一组表达式的取值范围和分别对应的旋转角度。当表达式取值在某一预先定义的取值范围内时，图形的旋转角度按照定义的对应设臵值改变。旋转启停旋转启停动画是通过变量表达式的值为1或者0（True或False）控制对象是否开始围绕中心点旋转的动画。可以定义旋转的速度，是顺时针还是逆时针以及每次旋转时的步长。倾斜动画倾斜动画是和图形对象的倾斜度相关的动画。倾斜动画通过由变量表达式值可控的图形的水平和垂直倾斜度的变化来模拟工业现场的动态变化。倾斜动画分垂直和水平，线性和非线性倾斜动画。水平倾斜水平倾斜动画是图形对象的水平倾斜度随变量表达式的值按线性关系变化的动画。分别定义表达式和图形水平倾斜度的最小最大值，当表达式的值从最小变化到最大时，图形对象的水平倾斜度也从最小变化到最大。垂直倾斜垂直倾斜动画是图形对象的垂直倾斜度随变量表达式的值按线性关系变化的动画。分别定义表达式和图形垂直倾斜第六章易控的动态画面—动画和事件易控（INSPEC）培训教程102九思易自动化软件度的最小最大值，当表达式的值从最小变化到最大时，图形对象的垂直倾斜度也从最小变化到最大。水平离散倾斜水平离散倾斜动画是图形对象的水平倾斜度随变量表达式的值按“值对”关系变化的动画。定义一组表达式的取值范围和分别对应的水平倾斜度。当表达式取值在某一预先定义的取值范围内时，图形的水平倾斜度按照定义的对应设臵值改变。垂直离散倾斜垂直离散倾斜动画是图形对象的垂直倾斜度随变量表达式的值按“值对”关系变化的动画。定义一组表达式的取值范围和分别对应的垂直倾斜度。当表达式取值在某一预先定义的取值范围内时，图形的垂直倾斜度按照定义的对应设臵值改变。流动动画流动动画是让图形“流动”起来的动画效果。图形对象的“填充”属性以及“线条”属性可用于流动动画。流动动画包含填充流动、线条流动、线条流动启停三种填充流速填充流速动画是图形对象的填充区域流动速度随变量表达式的值按线性关系变化的动画。分别定义表达式和填充区域的流动速度的百分比的最小最大值，当表达式的值从最小变化到最大时，图形对象线条填充区域流动速度从最小变化到最大。可以定义流动的方向和步长。线条流速线条流速动画是图形对象的线条流动速度随变量表达式的值按线性关系变化的动画。分别定义表达式和线条流动速度的百分比的最小最大值，当表达式的值从最小变化到最大时，图形对象线条流动速度从最小变化到最大。可以定义流动的方向和步长。线条流动启停线条流动启停动画是图形对象的边线随变量表达式的值为“1”或“0”（True或者False）而开始或者停止流动的动画。可以定义流动的方向，速度和步长。填充流动启停填充流动启停动画是图形对象的填充区域随变量表达式的值为“1”或“0”（True或者False）而开始或者停止流动的动画。可以定义流动的方向，速度和步长。数值显示动画数值显示动画是和文本的“文本”属性有关的动画。因此只适用于“文本”图形组件。是文本的显示内容随变量表达式的值动态变化的动画。分离散值动画、模拟值动画、字符串值动画和模拟值字符串动画。离散值离散值动画是文本的显示内容随表达式的离散结果值而变化的动画。可以定义变量表达式的离散结果值为“0”（False）易控（INSPEC）培训教程第六章易控的动态画面—动画和事件九思易自动化软件和“1”（True）时分别