Vaadin 瓦丁:如何使一个按钮与我页面的右上角对齐?
我需要在垂直布局中对齐页面右侧的按钮。 请告诉我做这件事的方法Vaadin 瓦丁:如何使一个按钮与我页面的右上角对齐?,vaadin,Vaadin,我需要在垂直布局中对齐页面右侧的按钮。 请告诉我做这件事的方法 private Button createBackButton() { Button bButton = new Button("Back"); bButton.setIcon(FontAwesome.ARROW_LEFT); bButton.addClickListener(new ClickListener() { @Override public void buttonC
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;
}
空
要将按钮与VerticalLayout的右上角对齐,请使用VerticalLayout的setComponentAlignment()方法。还请注意,垂直布局本身需要足够大,以便按钮甚至可以在其中移动一些空间,使其看起来像是与右上角对齐。默认情况下,垂直布局将与其中的组件一样大。您需要使用setWidth()和setHeight()给它一个更大的尺寸,或者使用setSizeFull()使它作为其父组件/布局占据整个空间(请注意,父布局(如果有)也需要足够大,以便其内部也有空间)
所以代码看起来像:
VerticalLayout vl = new VerticalLayout();
vl.setSizeFull();
Button backButton = createBackButton();
vl.addComponent(backButton);
vl.setComponentAlignment(backButton,Alignment.TOP_RIGHT);
希望有帮助。VerticalLayout有方法setComponentAlignment