ActionScript 3 mx:HorizontalList 设置每行列

【问题标题】：ActionScript 3 mx:HorizontalList set columns per rowActionScript 3 mx:HorizontalList 设置每行列
【发布时间】：2017-08-18 23:15:40
【问题描述】：

我有一个这样的 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 列？

【问题讨论】：

标签： actionscript-3 apache-flex actionscript flex4

【解决方案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>

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

【讨论】：