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

希望有所帮助。

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

1 个答案: