actionscript-3 - 柔性 : Multy row TabBar?

Question

• 根据容器的宽度，是否有可能以及如何实现(如果有)多行 TabBar？

Answer 1

就像给 TabBar 一个 TileLayout 一样简单。您不必继承 TabBar，甚至不必为它创建自定义外观类。只需这样做:

<s:TabBar dataProvider="{dp}" left="0" right="0">
    <s:layout>
        <s:TileLayout horizontalGap="-1" verticalGap="-1" 
                      requestedRowCount="2" />
    </s:layout>
</s:TabBar>

这会产生这样的东西:

您看到的 TabBar 下方的空隙是由于 TileLayout 默认分配一定数量的行而产生的。您可以通过将 requestedRowCount 设置为您期望的行数(在此示例中为 2)来覆盖它。

如果你想让它真正动态，你可以通过比较 TabBar 的总 width 和 TileLayout 的 columnWidth 来计算所需的行数，并绑定(bind)结果数到 requestedRowCount 属性。