Skip to content

5.1 动画效果配置 ​

动画三类(入场/运行中/出场)与事件交互的写值链路

动画让组态画面更生动。LP 云组态基于 Animate.css 提供丰富的动画效果。

5.1.1 动画分类 ​

分类作用典型应用
入场组件进入画面时的效果页面加载时元件飞入
运行中持续循环的动画报警闪烁、风扇旋转
出场组件离开画面时的效果切换画面时淡出

5.1.2 常用动画效果 ​

入场效果:渐显、向左/右/上/下进入、旋转进入、弹入、光速进入、由小变大进入等。

运行中效果:弹跳、闪烁、放大缩小、左右晃动、扇形摇摆等。

出场效果:渐隐、向左/右/上/下退出、旋转退出、弹出等。

5.1.3 配置步骤 ​

  1. 选中组件
  2. 右侧面板「动画属性」→「添加动画」
  3. 选择动画类型(入场/运行中/出场)
  4. 选择具体动画效果
  5. 设置持续时间、延迟时间
  6. 预览查看效果

5.1.4 动画触发方式 ​

触发方式说明
自动播放画面加载后自动执行
数据驱动绑定数据点,值变化时触发
点击触发需配合点击事件使用

LPPLC 工业物联网云平台 · 软硬件与云平台全栈自研