从下到上TileLayout

Question

我需要从下到上和从右到左的TileLayout渲染元素。像这样的东西：

我设法欺骗了TileLayout用于＆＃34;从右到左＆＃34;部分，通过设置＆＃39; layoutDirection＆＃39;我的容器的属性为＆＃34; rtl＆＃34;，但垂直渲染没有等价。

<s:Group layoutDirection="rtl">
    <s:layout>
        <s:TileLayout columnWidth="250" horizontalGap="8"/>
    </s:layout>

    <!-- etc -->    
    <s:Group id="fakeGroup3" layoutDirection="ltr"/>
    <s:Group id="fakeGroup2" layoutDirection="ltr"/>
    <s:Group id="fakeGroup1" layoutDirection="ltr"/>

</s:Group>

有没有简单的方法来实现这一目标？或者我应该覆盖TileLayout？！？

Answer 1

您可以将平铺布局组锚定到页面底部：

<s:Group width="100%" height="100%" id="outermostLayoutContainer">
    <s:Group layoutDirection="rtl" width="100%" bottom="0">
        <s:layout>
            <s:TileLayout columnWidth="250" horizontalGap="8"/>
        </s:layout>

        <!-- etc -->    
        <s:Group id="fakeGroup3" layoutDirection="ltr"/>
        <s:Group id="fakeGroup2" layoutDirection="ltr"/>
        <s:Group id="fakeGroup1" layoutDirection="ltr"/>

    </s:Group>
</s:Group>

带有bottom="0"的内部群组会根据其子女向上推动屏幕顶部。