FVS分页间组件动画

适用场景：安装了「FVS大屏编辑模式」插件的用户，可参考本文了解 FVS 模板的相关功能。

点击查看视频课程：组件动画 。

注：不支持移动端。

1.1 版本

1.2 应用场景

FVS 大屏组件动画特指组件整体在页面切换时，组件进入和退出的动态效果，可以制作出类似 PPT 的一些动画效果。

例如 FVS组件联动及组件动画应用 文档中的示例，四周的组件分别设置了进入退出的动画。效果如下图所示：

注：部分组件内容也包括一些动画特效，例如三维组件的视角变化、图表组件的 交互属性 等等，这些动画与本文所讲的组件动画无关。

2.1 生效机制

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

FVS 大屏模板中存在 分页平滑过渡动画，切换分页时，将有平滑过渡转场效果。

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

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

2.2 设置方法

FVS 大屏模板中的任意组件都可以设置动画，包括进入动画和退出动画。

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

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

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

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

2.3 效果示例

2.3.1 无动画切换

2.3.2 淡入淡出

2.3.3 左右滑动切换

2.3.4 上下滑动切换