2013-02-18 109 views
0

我有一個GridLayout我正在填充一堆圖片。 GridLayout本身設置爲SizeFull(),與網格中的每個單獨圖像一樣。Vaadin相對尺寸與組分比例?

帶圖片的網格位於另一個網格內,並且該網格具有相對大小設置。

使用此設置,圖片網格保持在我想要的位置,正確調整大小以適應它們應該放置的空間,但圖片不保留其適當的平方比例。不管他們想要什麼,他們都會擠壓胖子或瘦骨squ squ儘管如此,我希望它們保持原來的比例,因此它們儘可能擴大以填充可用區域,同時保持這些比例。

如果我將寬度設置爲100%,或者將高度設置爲100%,並保留其他未定義的值,那麼它將保留比例,並適當擴大以適應設置爲100%的比例,但其他溢出在上部網格佈局中的嵌套網格佈局的位置之外。

任何人都知道如何做到這一點?

回答

1

您是否試過將寬度和高度設置爲百分比? 因此,在80×120像素的圖像上:

setWidth(66, Unit.PERCENTAGE) 
setHeight(100, Unit.PERCENTAGE)