Vaadin 中的对齐答案

【问题标题】：Alignment in VaadinVaadin 中的对齐
【发布时间】：2014-06-04 12:17:37
【问题描述】：

我有以下我在 Vaadin 中编写的代码。

问题是对齐不起作用。我将它设置为bottom_center，但组件都粘在我的网络浏览器的顶部（top_center）。

谁能帮我解决这个问题？

谢谢！

    VerticalLayout layout = new VerticalLayout();
    VerticalLayout layout1 = new VerticalLayout();
    Panel panel = new Panel();
    panel.setWidth("500px");
    panel.setHeight("300px");

    Button button = new Button("Enter");
    Button login = new Button("Login");

    layout1.addComponent(textfield);
    layout1.addComponent(button);
    layout1.addComponent(login);
    layout.addComponent(panel);

    layout.setComponentAlignment(panel, Alignment.BOTTOM_CENTER);
    layout1.setComponentAlignment(textfield, Alignment.BOTTOM_CENTER);
    layout1.setComponentAlignment(login, Alignment.BOTTOM_CENTER);
    layout1.setComponentAlignment(button, Alignment.BOTTOM_CENTER);

【问题讨论】：

标签： java vaadin

【解决方案1】：

组件与顶部对齐的原因是您没有为 VerticalLayouts 指定高度。当您不为布局指定大小时，其大小由其包含的子组件决定。在这种情况下，设置对齐方式不会产生任何影响，因为布局的槽内没有多余的空间。

设置大小，例如使用layout.setHeight("100%"); 或 layout.setSizeFull(); 你应该立即注意到不同之处。

【讨论】：

【解决方案2】：

您没有为布局指定高度，因此它会根据您添加的每个组件的需要从顶部向底部扩展。如果您设置layout.setHeight("100%");，组件将在底部对齐。

【讨论】：

【解决方案3】：

您必须将 setSizeUndefined() 设置为您的面板、文本字段、登录、按钮组件和 setSizeFull layout1.

【讨论】：