页间组件动效

1. 概述

1.1 应用场景

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

1.2 功能介绍

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

2. 应用说明

2.1 生效机制

  • 仪表板中的任意组件都可以设置动画;当多个组件合并成组合时,组合动画也需要单独设置,设置方法与组件动画一致。
  • 仪表板中存在 分页平滑过渡动画,切换分页时,将有平滑过渡转场效果。
  • 若同时设置了「组件动效」、「组合动效」和「平滑过渡」,那么优先级排序为平滑过渡>组合动效>组件动效。
  • 优先级最高的设置生效,优先级低的均不生效。

2.2 设置方法

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

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

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

配置项

说明

进入特效

定义:组件出现时的动态效果

支持设置:无、淡入、向右进入、向左进入、向上进入、向下进入

动效时长

定义:开始动画的持续时长

进入时机

定义:组件什么时候开始出现

支持设置:在上一页开始切换时立即进入、在上一页开始切换时延时X秒后进入、在上一页完全消失后立即进入、在上一页完全消失后延时X秒后进入

退出动效

定义:组件消失时的动态效果

支持设置:无、淡出、向左退出、向右退出、向上退出、向下退出

动效时长

定义:消失动画的持续时长

退出时机

定义:组件什么时候开始消失

支持设置:在当前页切换时立即退出、在当前页切换时延时X秒后退出、

3)在切换分页时,页间规则如下:

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

2.3 效果示例

2.3.1 无动画切换

2.3.2 淡入淡出

2.3.3 左右进入/退出

2.3.4 上下进入/退出

文档内容是否对您有帮助?
有帮助
没帮助没帮助
如需获取即时帮助,请联系技术支持
咨询
扫码领取100+零代码资料简道云官方微信号400-111-0890
图标在线咨询
立即体验