历史版本5 :决策报表图片控件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 描述     编辑

决策报表中无法方便地添加图片,影响体验观感,不利于决策报表设计实现。

因此我们提供了图片控件设计器插件,在决策报表中添加图片显示。

这个插件把以往只能把图片插入单元格的形式脱离了出来,可以使设计者在决策报表中随意的插入图片。

因为控件可以随意拖动,同时还能设置超级链接,这样就可以通过选择精美的图片来设计想要的按钮模式。

像在原来报表中一样方便地设置图片的效果,可以用于决策报表头部的logo和banner设计。

2. 插件介绍编辑

2.1 插件安装

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

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

2.2 插件使用说明

1)该控件只能应用于决策报表设计
2)该控件在决策报表设计的时候不能拖入参数面板
3)该控件可以多次拖入决策报表中。
4)该控件可以设置图片样式:默认,拉伸,平铺,自适应。
# 默认:即原图显示,如果组件大小<原图大小,则从左上角开始,多出部分截断不显示
# 平铺:即图片重复以铺满组件
# 拉伸:即以图片组件宽高进行自适应,如果图片小则拉伸填充组件,否则进行压缩填充
# 适应:即以图片宽高原比例自适应组件大小
5)该控件可以设置超链接,每个图片可设置多个超链接,具体的设置,请参考超级链接-视频讲作

     如果图片设置了超链接,则在浏览器端,点击图片可以触发超链接。

2.3 具体使用

1)添加图片控件到决策报表

222

2)属性设置

图片:点击编辑框,会弹出图片的选择和样式设置界面。

222

超链接:点击超链接的编辑框,就会弹出超链接的设置界面,改界面可以添加多种超链接,按需添加即可,其添加方式和单元格中添加超链接一样。

222

3. 示例编辑

3.1 模板设置

打开模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\内边距设置.frm

3.2 添加控件

将“图片控件设计器”插件拖入到模板中,如下图所示:

222

3.3 设置属性

1)图片设置

选择图片路径,为了美观,将设置为“拉伸”显示,如下图所示:

222

2)链接设置

以网页链接为例:设置点击图片跳转到百度页面,如下图所示:

222

注:移动端不支持超链到“悬浮窗图表”和“文件下载”。

3.4 移动端设置

注:移动端图片展示效果要求APP版本为v9.3且“图片控件设计器插件”版本为v1.8.3。

设置移动端属性为“手机端重布局”,并将图片控件排列在第一位,如下图所示:

222

1)保留布局

图片根据容器的大小来显示,图片格式设置如下:

默认:即从左上角开始原图显示,如果容器大小<原图大小,多出部分截断不显示,如果容器大小>原图大小,空白部分留白 

平铺:即左上角开始图片重复以铺满容器

拉伸:即以控件容器宽高进行自适应,如果图片小则拉伸充满,否则进行压缩充满

适应:即以图片宽高原比例自适应控件容器大小,任意宽或高缩放至充满容器边界后,停止缩放居中显示

2)手机重布局

图片自适应容器大小

手机端重布局设置可参考:[通用]手机重布局

4. 效果预览编辑

4.1 PC端预览效果

保存模板并预览,点击图片可跳转到百度页面,如下图所示:

222

4.2 移动端预览效果

注:要求APP版本为v9.3且“图片控件设计器插件”版本为v1.8.3。

222



【插件活动】参与插件评论,拿100元京东E卡和悟帆抱枕