页间组件动效

1.1 应用场景

组件动画可用于增强数据可视化的动态效果，提升用户体验，使数据展示更加直观和吸引人。

1.2 功能介绍

页间组件动画特指组件整体在页面切换时，组件进入和退出的动态效果，可以制作出类似 PPT 的一些动画效果。如下图所示：

2.1 生效机制

• 仪表板中的任意组件都可以设置动画；当多个组件合并成组合时，组合动画也需要单独设置，设置方法与组件动画一致。

• 仪表板中存在 分页平滑过渡动画，切换分页时，将有平滑过渡转场效果。

• 若同时设置了「组件动效」、「组合动效」和「平滑过渡」，那么优先级排序为平滑过渡>组合动效>组件动效。

• 优先级最高的设置生效，优先级低的均不生效。

2.2 设置方法

仪表板中的任意组件都可以设置动画，包括进入动画和退出动画。

1）选中页面中的组件，点击配置栏中的「动画」，点击「动效设置」按钮，即可设置组件动画。如下图所示：

2）设置项的具体配置如下表所示

3）在切换分页时，页间规则如下：

• 当从上一页切换到下一页时，上一页组件的退出动效和下一页组件的进入动效生效。

• 当从下一页切换到上一页时，上一页组件的退出动效和下一页组件的进入动效反向生效。

2.3 效果示例

2.3.1 无动画切换

2.3.2 淡入淡出

2.3.3 左右进入/退出

2.3.4 上下进入/退出