Question

我尝试在网格单元格中渲染图像，如下所示：

grid.addColumn(probe ->
    new ThemeResource("img/" + probe.getStructureData().getImageFileName()),
    new ImageRenderer()
).setCaption("Structure");

我想以像素为单位设置图像的大小。我怎样才能做到这一点？似乎ImageRenderer没有这方法。因为我之前可以调整我的图像大小。但是我想添加一个应该显示为工具提示的大图像，并且应该在网格单元格中显示同一图像的小版本。我想避免以2种尺寸添加相同的图像。

谢谢！

Answer 1

尝试这样做。

grid.addComponentColumn(probe -> {
    Image image = new Image("", new ThemeResource("img/" + probe.getStructureData().getImageFileName()));
    image.setWidth(100, Sizeable.Unit.PIXELS);
    image.setHeight(100, Sizeable.Unit.PIXELS);

    return image;
}).setCaption("Structure");

Vaadin 8网格：网格单元格中的大小图像？

1 个答案: