【已下架插件文档】组件加载动画插件

楼主
我是社区第567266位番薯,欢迎点我头像关注我哦~

该插件目前已下架帆软市场,本文档仅提供给历史使用了该插件的客户,帆软目前不再提供该插件的任何获取渠道。

 

1. 概述

1.1 版本

报表服务器版本

插件版本

11.0 V1.3

1.2 应用场景

这是一款可以给决策报表组件添加加载动画的插件,类似于 PPT 中的进场动画,目前只支持决策报表中的图表块,报表块这两个组件。

1.3 功能介绍

目前插件只支持2个选项的设置,分别为:动画加载效果、动画效果持续时间。

986799390180118528.png

1)动画加载效果

插件内置了16种组件加载动画,包括:清除动效(无特效)、滑动、弹跳、拉伸、脉动、摆动、轻弹、缩放。动画效果如下图所示:

1 (3).gif

2)动画效果持续时间

动画效果只能通过下拉框选择,用户无法自定义,持续时间选项有:1s、2s、3s、4s、6s、8s、10s。默认为 3s。对比效果如下图所示:

2 (6).gif

注1:动画特效是通过 CSS3 实现的,因而不支持 IE8 及以下版本的浏览器。

注2:插件是在组件内容请求结束后执行动画,因此不会阻塞加载或者导致加载慢。

2. 示例

2.1 安装插件

2.2 设置加载动画

1)点击下载模板:HOMEpage.frm 后在设计器中打开。

2)选中决策报表地图组件 chart0,菜单栏点击模板>加载动效,打开组件动效设置对话框。

Snag_14dc6ad9.png

3)在打开的组件动效设置对话框中进行如下图所示的设置:

Snag_14df5927.png

4)其他组件同理设置,只是选择不同的动画效果。

2.3 效果预览

PC端预览效果如下图所示:

D38A91BA-6376-4564-9F8F-2051FA8AC320.GIF

注:不支持移动端。

3. 模板下载

点击下载模板:HOMEpage.rar (36.97 K)

4. 其他应用

1)动画与刷新插件组合使用

可以将加载动画和 决策报表内报表块刷新插件 组合使用,实现决策报表内数据实时动态刷新及动画载入效果。

注1:动画默认是闭环的,也就是新的数据从左到右出现,老的数据从左到右消失,从上到下同理。

注2:刷新插件需要更新至1.2.6或更高版本。

下图示例组件中设置了刷新公式=now(),隔几秒刷新一次。

3 (3) (1).gif

2)实现图片动画特效

通过 WebImage 嵌入 gif 或者图片后,指定运动方向,可以带来更多的动画效果。如下图所示:

5 (1) (1).gif

 

分享扩散:

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

0回帖数 1关注人数 433浏览人数
最后回复于:2025-7-1 19:11

返回顶部 返回列表