UI5平铺到页面顶部

Question

我是UI5的新手并尝试在页面上显示一些Tiles。 但是，它们出现在屏幕的中央，我希望它位于顶部。 下面是一个图表，现​​在甚至没有滚动显示在页面上。 如何将它放到页面顶部并删除底部边距？

查看：

  

      

    <TileContainer
          id="container"
          tiles="{deviceData>/d/results}">

          <StandardTile
            number="BBB"
            numberUnit="CCC"
            title="ZZZ"
            info="XXX"
            infoState="CCC" />
        </TileContainer>

        <l:C3Chart id="chart1" class="c3Chart" height="300px" width="100%" columns="{cols}" type="{timeseries}"   />
</Page> </mvc:View>

Answer 1

将瓷砖容器的高度设置为50％（或任何适合您要求的高度）。 代码：

<TileContainer tiles='{/}' height='50%'>
                <tiles>
                    <StandardTile title='{title}'>
                    </StandardTile>
                </tiles>
</TileContainer>

Answer 2

你可能不需要TileContainer（当你有一个未知但重要数量的瓷砖时，瓷砖容器是全屏组件使用）。

你应该在这里使用像HBox这样的更简单的容器

  <HBox
      id="container"
      items="{deviceData>/d/results}">

      <StandardTile
        number="BBB"
        numberUnit="CCC"
        title="ZZZ"
        info="XXX"
        infoState="CCC" />
    </HBox>