主题
5.1 动画效果配置
动画让组态画面更生动。LP 云组态基于 Animate.css 提供丰富的动画效果。
5.1.1 动画分类
| 分类 | 作用 | 典型应用 |
|---|---|---|
| 入场 | 组件进入画面时的效果 | 页面加载时元件飞入 |
| 运行中 | 持续循环的动画 | 报警闪烁、风扇旋转 |
| 出场 | 组件离开画面时的效果 | 切换画面时淡出 |
5.1.2 常用动画效果
入场效果:渐显、向左/右/上/下进入、旋转进入、弹入、光速进入、由小变大进入等。
运行中效果:弹跳、闪烁、放大缩小、左右晃动、扇形摇摆等。
出场效果:渐隐、向左/右/上/下退出、旋转退出、弹出等。
5.1.3 配置步骤
- 选中组件
- 右侧面板「动画属性」→「添加动画」
- 选择动画类型(入场/运行中/出场)
- 选择具体动画效果
- 设置持续时间、延迟时间
- 预览查看效果
5.1.4 动画触发方式
| 触发方式 | 说明 |
|---|---|
| 自动播放 | 画面加载后自动执行 |
| 数据驱动 | 绑定数据点,值变化时触发 |
| 点击触发 | 需配合点击事件使用 |