历史版本13 :图片在下文字在上 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 描述编辑
应用场景:一个图表字段跟一个普通字段希望有层次的显示在一个单元格中。例如 A 字段存着一个图片,B 字段存着一些字符串。
背景是 A 字段,显示的内容是 B 字段的值,类似于PPT等层的一个关系,下层图片为背景、上层显示帆软字符串,如下图所示:
2. 实现思路编辑
FineReport 可以通过自定义函数来实现,定义两个参数 name、 image 分别接收模板中字段,然后返回一个带 name 的图片,就实现把文字显示在图片之上了。
3. 实现步骤编辑
3.1 编写自定义函数
定义 StringImage 这个类代码如下所示:
//图片在下文字在上
package com.fr.function;
import com.fr.base.GraphHelper;
import com.fr.data.core.db.BinaryObject;
import com.fr.log.FineLoggerFactory;
import com.fr.script.AbstractFunction;
import com.fr.stable.CoreGraphHelper;
import javax.imageio.ImageIO;
import java.awt.Graphics2D;
import java.awt.Image;
import java.awt.image.BufferedImage;
import java.io.IOException;
/**
* 图片在下文字在上
*/
public class StringImage extends AbstractFunction {
@Override
public Object run(Object[] args) {
Image result = null;
int p = 0;
Object[] ob = new Object[2];
for (int i = 0; (i < args.length && p <= 1); i++) {
if (args[i] == null) {
continue;
}
ob[p] = args[i];
p++;
}
if (ob[1] instanceof BinaryObject) {
BinaryObject binaryObject = (BinaryObject) ob[1];
try {
result = initStringImage((String) ob[0], ImageIO.read(binaryObject.getInputStream()));
} catch (IOException e) {
e.printStackTrace();
}
} else if (ob[1] instanceof Image) {
result = initStringImage((String) ob[0], (Image) ob[1]);
} else {
FineLoggerFactory.getLogger().warn("Unsupported type of " + ob[1].getClass());
}
return result;
}
private Image initStringImage(String name, Image image) {
BufferedImage splashBuffedImage = CoreGraphHelper.toBufferedImage(image);
Graphics2D splashG2d = splashBuffedImage.createGraphics();
double centerX = 25;
double centerY = 25;
GraphHelper.drawString(splashG2d, name, centerX, centerY);
return splashBuffedImage;
}
}
3.2 编译自定义函数
将编译后的 StringImage.class 放到%FR _HOME%\webapps\webroot\WEB-INF\classes下,因为 StringImage.java 属于包 com.fr.function,所以 StringImage.class 需要放到%FR _HOME%\webapps\webroot\WEB-INF\classes\com\fr\function目录下。
3.3 注册自定义函数
生成该函数的类后需要在设计器中进行注册,才可以使用该函数。打开服务器>函数管理器,选择刚刚定义好了 StringImage 类,如下图:
函数名称可以自定义,同时可以添加该函数的使用说明,如上图所示的描述。
3.4 使用自定义函数
注册好自定义函数后,制作报表时便可直接使用。
1)首先数据库中需要新建一张表,存放图片和文字的内容(图片上传到数据库的方法请参见 上传图片),如下图所示:
注:内置的 Sqlite 不支持显示图片。
2)制作模板
2)制作模板
A1 单元格拖入 name 字段,B1 单元格拖入 picture 字段,A2 单元格输入公式 =StringImage(A1,B1),如下图所示:
保存模板预览就可以实现图片在下文字在上的效果了,如下图所示: