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本身需要足够大,以便按钮甚至可以有一些空间在那里移动,所以它看起来像是在右上方对齐.默认情况下,VerticalLayout将变得与其中的组件一样大.你需要使用setWidth()和setHeight()给它一个更大的大小,或者使用setSizeFull()将整个空间作为其父组件/布局(注意父布局,如果有的话,也需要很大)足够,所以它内部也有空间).

所以代码看起来像:

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

希望有所帮助.