历史版本2 :图片轮播控件插件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本

JAR 包

插件版本

更新时间

10.02016/12/152.5
2019/12/30
9.02016/12/152.42019/07/14 
8.02016/12/152.42019/07/14 

1.2 应用场景

用于美化决策报表,当用户或公司需要动态展示图片时,可以用到图片轮播控件,便于其展示企业文化和人文风彩。

1.3 功能介绍

图片的轮播功能,可多图多版块轮播。

2. 插件介绍编辑

2.1 插件安装

点击下载插件:图片轮播控件

设计器插件安装方法参照 设计器插件管理

服务器安装插件方法参照 服务器插件管理

2.2 操作设置

使用简单,安装好图片轮播控件插件后 ,打开对应决策报表,点击控件下拉按钮,可以发现多了个图片轮播控件,拖拽至决策报表对应画布栏即可。如下图所示。

image.png

2.3 属性说明

点击控件,弹出控件属性,属性设置如下。

image.png

1)是否3D效果 是:为图片通过轮播块翻转的播放模式,否:是2D效果,图片多为百叶窗效果等平面切换效果

2)图片: 默认选择一个文件夹,文件夹内是你要轮播的图片,单张图的话则光是图片展示效果

3)图片布局:3D模式独有  为cover 覆盖,fill填充,contain包含 

4)效果:2D,3D效果不同

2D模式下 为simple 简单,up 向上消失,switchud上下切换,fliplr 弹球效果,flipud 别针效果,reduce 逐步减少效果  

3D模式下 slide 左右滑动 scroll 纸卷(上下滑动)

4)导航块:circles 循环 轮播块同时轮播 ,squares 方块 轮播块随机轮播 ,no不设置

5)自动播放: True 自动轮播 Flase 手动点击轮播

6)动画用时:设定轮播时间

7)轮播间隔:图片间切换的时间 

注:图片如果不选文件夹,则是插件默认的图片

3. 示例编辑

3.1 图片准备

网上找寻图片,下到对应文件夹,如下图所示。几个轮播块就准备几个文件夹,每个文件夹可以放不同主题。

image.png

注:GIF动图不支持轮播

3.2 设计器设置

新建决策报表,点击控件下拉按钮,拖拽4个图片轮播控件到画布。

图片轮播控件属性设置,开启3D效果,图片选择相应文件夹,图片布局为 填充,3D效果为 slide,导航块为circle,字段播放为 true 动画用时和间隔不设置为默认。

image.png


3.3效果查看

3.3.1进行PC端预览,效果如下

保存报表,点击表单预览,图片轮播控件展示示例如下:

image.png

3.3.2挂到决策平台后,H5效果预览如下

进入决策平台,点击相应报表目录,图片轮播控件展示示例如下:

image.png
注:不支持移动端


4. 模板下载编辑

模板下载:轮播图片插件模板.frm

图片下载:图片合集.rar