SAP UI5 里 FlexBox 控件使用的一个例子

如果您使用 JavaScript 视图，则可以使用以下代码将布局添加到视图：

var oLayout = new sap.ui.layout.VerticalLayout({id: "myLayout", width: "100%", allowWrapping: false});
this.getView().addContent(oLayout);

看一个例子：

如果把 direction 属性改成 column：

界面更改为如下：

direction 属性的类型：sap.m.FlexDirection

column 代表从上到下垂直方向布局：

Flexbox 包含两个 text 控件：

这两个都在 items 的 aggregation 里：

items 的聚合类型是 sap.ui.core.Control

在 SAP UI5 中，aggregation（聚合）是一种控件属性，用于指定控件中包含的其他控件的集合。控件可以有一个或多个聚合，这些聚合是按名称定义的，并在控件的元数据中进行了声明。

例如，sap.m.List 控件有一个 items 聚合，用于指定列表项的集合。在使用 sap.m.List 控件时，您可以通过添加列表项来填充此聚合。

以下是 sap.ui.core.Element 类的一部分定义，其中定义了聚合的语法：

metadata : {
    aggregations : {
        "aggregationName1" : {type : "sap.ui.core.Control", multiple : true, singularName : "aggregationName1"},
        "aggregationName2" : {type : "sap.ui.core.Control", multiple : false, singularName : "aggregationName2"}
    }
}

在这里，aggregations 属性定义了控件的聚合列表。每个聚合都用一个名称和一组属性来定义。在此示例中，aggregationName1 聚合是一个具有多个控件的集合，而 aggregationName2 聚合则只包含一个控件。