1. 概述编辑
1.1 版本
报表服务器版本 | JAR 包 | 插件版本 | 更新时间 |
---|---|---|---|
10.0 | 2016/12/15 | 2.5 | 2019/12/30 |
9.0 | 2016/12/15 | 2.4 | 2019/07/14 |
8.0 | 2016/12/15 | 2.4 | 2019/07/14 |
1.2 应用场景
用于美化决策报表,当用户或公司需要动态展示图片时,可以用到图片轮播控件,便于其展示企业文化和人文风彩。
1.3 功能介绍
图片的轮播功能,可多图多版块轮播。
2. 插件介绍编辑
2.1 插件安装
点击下载插件:图片轮播控件
设计器插件安装方法参照 设计器插件管理
服务器安装插件方法参照 服务器插件管理
2.2 操作设置
使用简单,安装好图片轮播控件插件后 ,打开对应决策报表,点击控件下拉按钮,可以发现多了个图片轮播控件,拖拽至决策报表对应画布栏即可。如下图所示。
2.3 属性说明
点击控件,弹出控件属性,属性设置如下。
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 图片准备
网上找寻图片,下到对应文件夹,如下图所示。几个轮播块就准备几个文件夹,每个文件夹可以放不同主题。
注:GIF动图不支持轮播
3.2 设计器设置
新建决策报表,点击控件下拉按钮,拖拽4个图片轮播控件到画布。
图片轮播控件属性设置,开启3D效果,图片选择相应文件夹,图片布局为 填充,3D效果为 slide,导航块为circle,字段播放为 true 动画用时和间隔不设置为默认。
3.3效果查看
3.3.1进行PC端预览,效果如下
保存报表,点击表单预览,图片轮播控件展示示例如下:
3.3.2挂到决策平台后,H5效果预览如下
进入决策平台,点击相应报表目录,图片轮播控件展示示例如下:
注:不支持移动端