Sapui5 sap.m.GenericFile的容器

Sapui5 sap.m.GenericFile的容器,sapui5,Sapui5,对于sap.m.StandardTile,我们有一个出色的sap.m.TileContainer,但我找不到任何类似的sap.m.GenericFile 基本上,我正在寻找一个控件,它包含多个通用分幅,并将根据设备自动调整它们的大小和中心位置 现在,我正在做的就是: <GenericTile header="{/0/header}" subheader="{/0/subheader}" press="onTilePress"> <TileContent> <Imag

对于sap.m.StandardTile,我们有一个出色的sap.m.TileContainer,但我找不到任何类似的sap.m.GenericFile

基本上,我正在寻找一个控件,它包含多个通用分幅,并将根据设备自动调整它们的大小和中心位置

现在,我正在做的就是:

<GenericTile header="{/0/header}" subheader="{/0/subheader}" press="onTilePress">
<TileContent>
<ImageContent src="{/0/src}"/>
</TileContent>
</GenericTile>

<GenericTile header="{/1/header}" subheader="{/1/subheader}" press="onTilePress">
<TileContent>
<ImageContent src="{/1/src}"/>
 </TileContent>
</GenericTile>

除了手动调用JSON文件中的每个条目之外,难道没有一种自动化的方法可以做到这一点吗


请提供帮助。

您可以使用
Flexbox
来聚合和绑定项目,而不是单独/手动绑定项目,也可以使用
网格布局来控制设备的视图。GridLayout中的
defaultSpan
控件属性根据设备屏幕大小(即XL、L、M&S屏幕显示)确定磁贴的外观

//示例data.json
{
“产品集合”:[{
“productHeader”:“磁贴头-1”,
“产品副标题”:“瓷砖副标题-1”,
“ProductPicUrl”:“sap-icon://competitor"
}, {
“productHeader”:“磁贴头-2”,
“产品副标题”:“瓷砖副标题-2”,
“ProductPicUrl”:“sap-icon://badge"
}, {
“productHeader”:“磁贴头-3”,
“产品副标题”:“瓷砖副标题-3”,
“ProductPicUrl”:“sap-icon://broken-link"
}, {
“productHeader”:“磁贴头-4”,
“产品副标题”:“瓷砖副标题-4”,
“ProductPicUrl”:“sap-icon://create"
}, {
“productHeader”:“磁贴头-5”,
“产品副标题”:“瓷砖副标题-5”,
“ProductPicUrl”:“sap-icon://pending"
}, {
“productHeader”:“磁贴头-6”,
“产品副标题”:“瓷砖副标题-6”,
“ProductPicUrl”:“sap-icon://decision"
}, {
“productHeader”:“磁贴头-7”,
“产品副标题”:“瓷砖副标题-7”,
“ProductPicUrl”:“sap-icon://process"
}, {
“productHeader”:“磁贴头-8”,
“产品副标题”:“瓷砖副标题-8”,
“ProductPicUrl”:“sap-icon://accept"
}, {
“productHeader”:“平铺头-9”,
“产品副标题”:“瓷砖副标题-9”,
“ProductPicUrl”:“sap-icon://alert"
}]
}

您可以使用
Flexbox
来聚合和绑定项目,而不是单独/手动绑定项目,也可以使用
网格布局来控制设备的视图。GridLayout中的
defaultSpan
控件属性根据设备屏幕大小(即XL、L、M&S屏幕显示)确定磁贴的外观

//示例data.json
{
“产品集合”:[{
“productHeader”:“磁贴头-1”,
“产品副标题”:“瓷砖副标题-1”,
“ProductPicUrl”:“sap-icon://competitor"
}, {
“productHeader”:“磁贴头-2”,
“产品副标题”:“瓷砖副标题-2”,
“ProductPicUrl”:“sap-icon://badge"
}, {
“productHeader”:“磁贴头-3”,
“产品副标题”:“瓷砖副标题-3”,
“ProductPicUrl”:“sap-icon://broken-link"
}, {
“productHeader”:“磁贴头-4”,
“产品副标题”:“瓷砖副标题-4”,
“ProductPicUrl”:“sap-icon://create"
}, {
“productHeader”:“磁贴头-5”,
“产品副标题”:“瓷砖副标题-5”,
“ProductPicUrl”:“sap-icon://pending"
}, {
“productHeader”:“磁贴头-6”,
“产品副标题”:“瓷砖副标题-6”,
“ProductPicUrl”:“sap-icon://decision"
}, {
“productHeader”:“磁贴头-7”,
“产品副标题”:“瓷砖副标题-7”,
“ProductPicUrl”:“sap-icon://process"
}, {
“productHeader”:“磁贴头-8”,
“产品副标题”:“瓷砖副标题-8”,
“ProductPicUrl”:“sap-icon://accept"
}, {
“productHeader”:“平铺头-9”,
“产品副标题”:“瓷砖副标题-9”,
“ProductPicUrl”:“sap-icon://alert"
}]
}


您是否尝试过将其放入flexbox容器或gridlayout?您是否尝试过将其放入flexbox容器或gridlayout?