布局周围的边框

Question

我想在 VerticalLayout 周围画一个边框（轮廓）。我不希望我所有的 VerticalLayout 组件都有边框，只是其中一个。这是 Eclipse 中的 Vaadin 7 项目。

Answer 1

据我所知，唯一的方法是 CSS:

VerticalLayout vl = new VerticalLayout();
vl.addStyleName("layout-with-border");

然后修改您的主题（.scss 文件）以包含：

.layout-with-border {
    border: 1px solid black;
}

Answer 2

如果您想在不更改主题文件（.scss 文件）的情况下动态执行：

VerticalLayout vl = new VerticalLayout();
final Styles styles = Page.getCurrent().getStyles();

String css = ".layout-with-border {\n" + 
            "    border: 1px solid black;\n" + 
            "}";

styles.add(css);
v1.addStyleName("layout-with-border");

Answer 3

通常如果有 getStyle() 那么你可以做类似

vl.getStyle().set("border","1px solid black");

布局周围的边框

Border around Layout

border

vaadin7