Skip to content

配置动画

为图元节点配置动画效果。 选中画布上的某个图元节点后,在组态编辑器的右侧面板中,可以看到“动画”页签。

普通节点动画包含五种动画:旋转、闪烁、缩放、位移和透明度。

管道节点可以设置流动动画。

image.png

IMPORTANT

所有动画都有一个“启动”属性,如果将“启动”勾选或者“绑定了数据”时,动画才能生效。

image.png

旋转动画

通过配置旋转动画,可以实现图元节点绕着其中心位置的旋转效果。在旋转动画配置中,可以设置以下选项:

  • 启用:是否启用动画
  • 周期:动画时长,可进行数据绑定
  • 方向:旋转方向,可进行数据绑定

image.png

闪烁动画

配置闪烁动画,可以实现图元节点周期性的显示和隐藏。常用于指示灯的告警显示。 在闪烁动画配置中,可设置以下选项:

  • 启用:控制动画启动和暂停,可进行数据绑定。
  • 周期:动画时长,可进行数据绑定

image.png

缩放动画

通过配置缩放动画,可以实现图元节点沿着其中心位置的缩小或者放大效果。在动画配置中,可设置以下选项:

  • 启用:控制动画启动和暂停,可进行数据绑定。
  • 周期:动画时长,可进行数据绑定
  • 自动返回:勾选后使动画从起始值变化到结束值后,再由结束值变化到起始值,循环往复;
  • 起始值、结束值:设置缩放区间。

image.png

位移动画

通过配置位移动画,可以实现位置的移动。在位移动画配置中,可设置以下选项:

  • 启用:控制动画启动和暂停,可进行数据绑定。
  • 周期:动画时长,可进行数据绑定
  • 自动返回:勾选后使动画从起始值变化到结束值后,再由结束值变化到起始值,循环往复;
  • X 偏移量、Y 偏移量:设置X、Y 方向偏移量。

image.png

流动动画

管道、连线、线条形状支持流动(虚线)动画。通过配置流动动画,可以实现流动效果。在流动画配置中,可设置以下选项:

  • 启用:控制动画启动和暂停,可进行数据绑定。
  • 速度:流动速度,可进行数据绑定。
  • 方向:设置流动方向。

image.png

透明度动画

通过配置透明度动画,可以实现图元节点透明度动态变化的效果。在动画配置中,可设置以下选项:

  • 启用:控制动画启动和暂停,可进行数据绑定。
  • 周期:动画时长,可进行数据绑定。
  • 自动返回:勾选后使动画从【起始值】变化到【结束值】后,再由【结束值】变化到【起始值】,循环往复。
  • 起始值、结束值:设置透明度区间(0表示完全透明)。

image.png

路径动画(5.6.3)

通过配置路径动画,可以让图元节点跟随一个指定的路径进行移动。

如果启用路径动画,需要让图元节点吸附到一个路径元素上,图元位置会跟随路径进行关联移动。

  • 启用:控制动画启动和暂停,可进行数据绑定。
  • 周期:动画时长,可进行数据绑定。
  • 自动返回:当图元从【路径起点】移动到【路径终点】后,再从【路径终点】到【路径起点】进行反向移动,循环往复;

image-20250219110601849