如何利用Vaadin的Layout合理布局

发布网友发布时间：2022-05-07 10:51

共1个回答

热心网友时间：2022-04-22 05:07

Vaadin的Layout是一个布局功能很强大的类，拥有AbsoluteLayout，VerticalLayout，HorizontalLayout，GridLayout等很多的布局子类，今天我们以Vertical为例来讲解在布局中应该注意的问题：

例如，我们需要开发的界面如同最简单的“记事本”一样

那么，我们可以分析出，整个记事本应该有两个部分，一是具有固定高度的菜单栏，二是具有可以伸缩的内容空间，上下排布，因此我们利用VerticalLayout来设置这一布局，在Java中我们如此写到：

出现的效果如下，并非是我们想要的：

然后进行如下调整：

出现了我们想要的效果：

请特别注意以上的几条语句：

layout.setSizeFull();

……

menuPanel.setHeight("32px");

……

contentPanel.setSizeFull();

……

layout.setExpandRatio(contentPanel, 1.0f);