Skip to content

动画

通过合理应用动画效果,可以为用户带来更高效、直观和愉悦的界面交互体验。

WAGO SCADA中,当控件具有动画属性时,在右侧的属性栏中会显示“动画”一列,点击设置按钮可以进行动画设置。

除了“值”支持绑定外,“启用”状态也支持绑定。通过绑定,可以让动画的启用状态跟随某个变量或表达式的值动态变化。不再是手动固定“开/关”,而是由绑定的值来动态决定动画是否启用。

alt text

动画类型

WAGO SCADA支持以下动画类型:

闪烁

闪烁效果易于引起注意,常用于出现非正常状态时的报警。

示例

创建一个圆形控件,该控件表示报警指示灯,当“温度”的值大于40时该控件闪烁。

alt text

alt text

属性
填充色 ff0000
边框色 ff0000
闪烁启用状态 启用
闪烁间隔 500ms
闪烁值 表达式:tag('@设备1:温度')>40;
说明:该动画仅在值为布尔值时才生效。

位移

通过改变控件的位置来产生动态效果,可以在水平和垂直方向进行移动。

示例

查看物体在传送带上的运行位置。

alt text

alt text

属性
水平位移 启用
水平值 变量:模型.水平位置
方向 从左向右
最小值 和“移动”属性组合起来使用。设置动画生效的最小值,以及最小值时物体的移动距离。
alt text
最大值 和“移动”属性组合起来使用。设置动画生效的最大值,以及最大值时物体的移动距离。
alt text

旋转

物体随着值的变化而进行旋转。

示例

alt text

alt text

属性
启用旋转 启用
变量:设备1.转速
类型 值的结果类型。分为数值型和布尔型。
数值型:
alt text
布尔型:
alt text
最小值 类型为数值型时,显示该参数。和“角度“属性组合起来使用。设置动画生效的最小值,以及最小值时物体的旋转角度。
alt text
最大值 类型为数值型时,显示该参数。和“角度“属性组合起来使用。设置动画生效的最小值,以及最小值时物体的旋转角度。
alt text
向右偏移 类型为数值型时,显示该参数。用于设置旋转中心点向右偏移的距离。
向下偏移 类型为数值型时,显示该参数。用于设置旋转中心点向下偏移的距离。
方向 类型为布尔型时,显示该参数。表示旋转的方向。
转速 类型为布尔型时,显示该参数。表示多久转一次。
步长 类型为布尔型时,显示该参数。表示每次旋转的角度。

填充

通过值的变化,改变物体的填充效果。

示例

罐子中的液位在不断变化。以矩形代表罐子。

alt text

alt text

属性
启用填充 启用
变量:设备1.液位
方向 填充的方向。
alt text 自上向下填充。
alt text 自下向上填充。
alt text 自左向右填充。
alt text 自右向左填充。
填充 填充的颜色。
最小值 和“填充“属性组合起来使用。设置动画生效的最小值,以及最小值时物体的填充比例。
alt text
最大值 和“填充“属性组合起来使用。设置动画生效的最小值,以及最小值时物体的填充比例。
alt text

缩放

通过值的变化,改变物体的大形态。可以在水平和垂直两个方向进行缩放。

示例

温度计的水银柱随着值的变化而变化。

alt text

alt text

属性
垂直填充 启用
变量:设备1.温度
参考点 缩放的方向。
alt text 用于水平方向的缩放,表示以物体的左侧为参考点,进行左右缩放。
alt text 用于水平方向的缩放,表示以物体的中心为参考点,进行左右缩放。
alt text 用于水平方向的缩放,表示以物体的右侧为参考点,进行左右缩放。
alt text 用于垂直方向的缩放,表示以物体的顶部为参考点,进行上下缩放。
alt text 用于垂直方向的缩放,表示以物体的中心为参考点,进行上下缩放。
alt text 用于垂直方向的缩放,表示以物体的底部为参考点,进行上下缩放。
最小值 和“缩放“属性组合起来使用。设置动画生效的最小值,以及最小值时物体的缩放比例。
alt text
最大值 和“缩放“属性组合起来使用。设置动画生效的最小值,以及最小值时物体的缩放比例。
alt text