页间组件动效
1. 概述
1.1 应用场景
组件动画可用于增强数据可视化的动态效果,提升用户体验,使数据展示更加直观和吸引人。
1.2 功能介绍
页间组件动画特指组件整体在页面切换时,组件进入和退出的动态效果,可以制作出类似 PPT 的一些动画效果。如下图所示:
2. 应用说明
2.1 生效机制
- 仪表板中的任意组件都可以设置动画;当多个组件合并成组合时,组合动画也需要单独设置,设置方法与组件动画一致。
- 仪表板中存在 分页平滑过渡动画,切换分页时,将有平滑过渡转场效果。
- 若同时设置了「组件动效」、「组合动效」和「平滑过渡」,那么优先级排序为平滑过渡>组合动效>组件动效。
- 优先级最高的设置生效,优先级低的均不生效。
2.2 设置方法
仪表板中的任意组件都可以设置动画,包括进入动画和退出动画。
1)选中页面中的组件,点击配置栏中的「动画」,点击「动效设置」按钮,即可设置组件动画。如下图所示:
2)设置项的具体配置如下表所示
配置项 | 说明 |
进入特效 | 定义:组件出现时的动态效果 支持设置:无、淡入、向右进入、向左进入、向上进入、向下进入 |
动效时长 | 定义:开始动画的持续时长 |
进入时机 | 定义:组件什么时候开始出现 支持设置:在上一页开始切换时立即进入、在上一页开始切换时延时X秒后进入、在上一页完全消失后立即进入、在上一页完全消失后延时X秒后进入 |
退出动效 | 定义:组件消失时的动态效果 支持设置:无、淡出、向左退出、向右退出、向上退出、向下退出 |
动效时长 | 定义:消失动画的持续时长 |
退出时机 | 定义:组件什么时候开始消失 支持设置:在当前页切换时立即退出、在当前页切换时延时X秒后退出、 |
3)在切换分页时,页间规则如下:
- 当从上一页切换到下一页时,上一页组件的退出动效和下一页组件的进入动效生效。
- 当从下一页切换到上一页时,上一页组件的退出动效和下一页组件的进入动效反向生效。