ActionScript 3 mx:HorizontalList 设置每行的列数

Question

我有一个像这样的 Flex HorizontalList：

<mx:HorizontalList id="myList" width="1462" height="878" columnCount="3" rowHeight="475" columnWidth="350" dataProvider="{floorPlans}" itemRenderer="FloorplanItems">


                                    </mx:HorizontalList>

我正在尝试每行设置 3 列，我认为 columnCount 可以做到，但要么它不起作用，要么没有按照我的预期进行。

如何设置每行 3 列？

Answer 1

mx:HorizontalList 用于在一行中列出项目。 columnCount 属性用于定义无需滚动即可显示的列数。

我建议您改用 Spark List "s:List" 并在其中定义磁贴布局，此外还要指定适合您需要的项目渲染器宽度。

<s:List id="addressesList" width="100%"  height="100%" itemRenderer="FloorplanItems">
            <s:layout>
                <s:TileLayout id="tileLayout" horizontalAlign="justify" columnAlign="justifyUsingWidth"/>
            </s:layout>
</s:List>

希望这对您有所帮助，祝你好运。

ActionScript 3 mx:HorizontalList 设置每行的列数

ActionScript 3 mx:HorizontalList set columns per row

actionscript-3

apache-flex

actionscript

flex4