java - Vaadin 中的对齐

Question

我在 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);

Answer 1

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

设置大小，使用例如layout.setHeight("100%"); 或 layout.setSizeFull(); 您应该会立即注意到其中的区别。