调整Vaadin图像大小

Question

我正在将一个来自文件的图片插入到UI中。我是按照Vaadin 7.6.8的这些说明创建的。

String basepath = VaadinService.getCurrent().getBaseDirectory().getAbsolutePath();
FileResource resource = new FileResource(new File(basepath + "/WEB-INF/images/image.png"));
Image image = new Image("", resource);

然而我无法对图像进行任何缩放或调整大小。图像总是以全尺寸显示。

是否有一种方法可以在不使用CSS的情况下缩小图像？

- Shiri

Answer 1

您可以指定图像组件的高度和宽度。

FileResource resource = new FileResource(new File("D:/image.jpg"));
Image image = new Image("", resource);
image.setWidth(200, Unit.PIXELS);
image.setHeight(200, Unit.PIXELS);

- akash

---

谢谢你的回答。看起来我必须同时设置图像的宽度和高度，否则不会反映任何更改。 - Shiri

这个方法可行，但如何保持图像的长宽比？ - zygimantus

如果只设置了宽度或高度中的一个，图像的纵横比将被保持。 - olivmir