2016-08-15 28 views
3

我將文件中的圖像插入到UI中。我通過遵循these說明在Vaadin 7.6.8中創建它。調整Vaadin的大小圖像

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

但是我無法重新調整圖像大小或調整圖像大小。圖像始終以全尺寸顯示。

有沒有一種方法可以在不使用CSS的情況下縮小圖像?

回答

3

您可以指定高度和圖像組件的寬度

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

謝謝您的回答。似乎我必須設置圖像的寬度和高度,否則不會反映出變化。 – Shiri

+4

這個工程,但如何保持圖像的長寬比? – zygimantus