Vaadin如何将内容放在Tabsheet的可用空间内？

Question

我是Vaadin的新人。有没有人知道如何将按钮（保存）放在标签页底部的右下角。而主要内容要显示在标签页的有用空间的完整大小内。 我的代码：

TabSheet tabs = new TabSheet();
        tabs.addStyleName(ValoTheme.TABSHEET_FRAMED);
VerticalLayout content = createContent();
        tabs.addTab(content, "File Content");

private VerticalLayout createConten() {
VerticalLayout verticalLayout = new VerticalLayout();
Group group = new Group("Group:");
      groups.setMultiSelect(true);
      groups.addItems(presenter.getGroups())
Button save = new Button("Save");
       save.addStyleName(ValoTheme.BUTTON_PRIMARY);
verticalLayout.addComponent(groups);
verticalLayout.addComponent(saveAclBtn);
return verticalLayout;
}

感谢您的任何建议！

Answer 1

将此添加到您的代码中：

// ...
verticalLayout.setSizeFull();
verticalLayout.setExpandRatio(groups, 1f);
verticalLayout.setComponentAlignment(saveAclBtn, Alignment.BOTTOM_RIGHT);
return verticalLayout;