Vaadin：如何使按钮与我页面的右上角对齐？

Question

我需要在垂直布局的页面右侧对齐一个按钮。请告诉我执行此操作的方法。

private Button createBackButton() {
    Button bButton = new Button("Back");
    bButton.setIcon(FontAwesome.ARROW_LEFT);
    bButton.addClickListener(new ClickListener() {
        @Override
        public void buttonClick(ClickEvent event) {
            doSomething();
        }
    });
    return bButton;
}

Answer 1

空，

为了将您的按钮与 VerticalLayout 的右上角对齐，请使用 VerticalLayout 的 setComponentAlignment() 方法。另请注意，VerticalLayout 本身需要足够大，这样按钮甚至可以有一些 space 可以在其中四处移动，因此它看起来像是与右上角对齐。默认情况下，VerticalLayout 将与其内部的组件一样大。你需要使用 setWidth() 和 setHeight() 给它一个更大的尺寸，或者使用 setSizeFull() 让它占据整个 space 作为它的父 component/layout（注意父布局，如果有的话） , 也需要足够大，这样里面也有 space。

所以代码看起来像：

VerticalLayout vl = new VerticalLayout();
vl.setSizeFull();
Button backButton = createBackButton();
vl.addComponent(backButton);
vl.setComponentAlignment(backButton,Alignment.TOP_RIGHT);

希望对您有所帮助。

Vaadin：如何使按钮与我页面的右上角对齐？

Vaadin: How do make a button align to the top right of my page?

vaadin