Flex 4.1：<mx：list>正确地使用rowCount来限制显示的项目。 <s：list>不</s：list> </mx：list>

Question

您好我正在使用flex 4.1编写应用程序。

我读了具有rowCount属性的文档，用于设置要显示的项目数。没有那个属性。

如何限制列表显示3个项目？

Answer 1

您可以在requestedMinRowCount

中直接将VerticalLayout设置为3

<s:List>
    <s:layout>
        <s:VerticalLayout requestedMinRowCount="3"/>
    </s:layout>
</s:List>

Answer 2

在Flex 4中，这是由皮肤而不是组件本身驱动的。您可以创建自定义List皮肤，并在DataGroup的VerticalLayout中将requestedRowCount设置为3，然后将List的外观设置为新的自定义外观。要开始使用，只需将默认的ListSkin复制到自定义外观文件中并进行更改即可。以下是默认ListSkin文件中的相关部分：

   <s:DataGroup id="dataGroup" itemRenderer="spark.skins.spark.DefaultItemRenderer">
        <s:layout>
            <!--- The default layout is vertical and measures at least for 5 rows.  
            When switching to a different layout, HorizontalLayout for example,
            make sure to adjust the minWidth, minHeihgt sizes of the skin -->
            <s:VerticalLayout gap="0" horizontalAlign="contentJustify" requestedMinRowCount="5" />
        </s:layout>
    </s:DataGroup>

删除requestedMinRowCount并将其替换为requestedRowCount =“3”希望有所帮助。

Answer 3

感谢韦德的出色回答，它让我走上了正确的道路。

实际上你不需要复制默认皮肤，如果它只是你要修复的行数只需使用标签内的标签来控制最小行数，就像Wade描述的那样。