最新历史版本 :FVS分页平滑过渡 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

适用场景:安装了「FineVis数据可视化」插件的用户,可参考本文了解 FineVis 的相关功能。

1.1 版本

报表服务器版本
JAR包插件版本
11.02021-11-15V1.0.0

1.2 应用场景

FVS 模板包含多个分页时,可设置分页间过渡效果。开启「平滑过渡」后,上一页与当前页中同名组件将有平滑移动的效果。

常用于三维组件不同分页展示不同视角时平滑转场效果,如下图所示:

E62B3240-E9CD-4799-BC3B-6B7A1B94C23E.GIF

若不开启平滑过渡,其效果如下图所示:

DB534060-6436-4982-A557-6AA3D69789BD.GIF

1.3 视频教程

[helpvideo]3204[/helpvideo]

2. 功能介绍编辑

2.1 生效机制

A 页面和 B 页面相邻,或 A 页面通过分页跳转事件可直接跳转到 B 页面,且 A 页面和 B 页面中存在名称完全一致的组件。

  • 如需从 A 页面平滑过渡到 B 页面,则开启 B 页面的「平滑过渡」按钮。

  • 如需从 B 页面平滑过渡到 A 页面,则开启 A 页面的「平滑过渡」按钮。

2.2 设置按钮

选中需要设置「平滑过渡」效果的页面,点击配置栏的「过渡」按钮,开启「平滑过渡」按钮,设置过渡时间即可。

如果上一页与当前页存在「同名称的组件」,转场动效将有移动转场效果,但上一页中该组件的「退出动效」将失效。

注:若两个同名组件的类型不同,可能会对组件内容中的动画产生影响。

2.3 效果示例

2.3.1 组件位置平滑过渡

页面1 和 页面2 中有一个相同的柱形图组件,仅位置不同,其平滑过渡效果如下图所示:

5100E94A-1F43-4DEA-84D3-E1DAFD4C296C.GIF

2.3.2 组件数据平滑过渡

页面1 中有一个柱形图,页面2 中有一个条形图,组件名称均为「示例组件」,位置相同,数据不同。其平滑过渡效果如下图所示:

00F2DB5C-F075-464C-BE25-B0E19D2DFA8A.GIF

2.3.3 组件位置和数据同时平滑过渡

页面1 中有一个柱形图,页面2 中有一个条形图,组件名称均为「示例组件」,位置不同,数据不同。其平滑过渡效果如下图所示:

1A8FED4E-1FFA-4908-BF09-4D0FA3A59AF6.GIF