Adobe Flex List Itemrenderer：无法滚动列表答案

【问题标题】：Adobe Flex List Itemrenderer: Cannot Scroll ListAdobe Flex List Itemrenderer：无法滚动列表
【发布时间】：2012-05-08 19:22:54
【问题描述】：

我已经成功设置了一个列表，该列表从数据库中提取用户并将它们显示在列表中。我目前正在使用 itemrenderer 自定义列表，并且进展顺利。我可以拉出一个用户的头像，然后在右边我会显示他们的名字，下面是他们的年龄。问题是我只能将 4 个结果放入列表中，并且我可以看到第 5 个的顶部，但是没有滚动条。我会显示一个打印屏幕，但我在我的数据库中填充了关于我的朋友和他们的 Facebook 详细信息的真实信息，所以我宁愿不这样做。

在我的主 mxml 程序中，我有以下代码：

<s:List id="resultList" includeIn="loggedin" x="120" y="246"
      width="100%" itemRenderer="userList">   
    <s:layout>  
        <s:VerticalLayout useVirtualLayout="true" requestedMinRowCount="1"/>  
    </s:layout>  
    <s:AsyncListView list="{getUserResult.lastResult}"/>  
</s:List>

在userList.mxml我有以下代码：

<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                xmlns:s="library://ns.adobe.com/flex/spark" 
                xmlns:mx="library://ns.adobe.com/flex/mx" 
                autoDrawBackground="true">  
    <s:Image id="fbImg" source="http://graph.facebook.com/{data.facebookid}/picture?type=normal" x="0" y="0"/>  
    <s:Label id="usernameLbl" x="120" y="0" fontFamily="Calibri" fontSize="25" fontWeight="bold" text="{data.firstname} {data.lastname}"/>  
    <s:Label id="ageLbl" text="{data.dob}" x="120" y="40" />  
</s:ItemRenderer>

有人知道为什么我不能滚动所有结果吗？我确定这是我不知道的非常简单的事情。
编辑：我很抱歉这种可怕的格式。我似乎无法让我的代码很好地显示。

【问题讨论】：

为了使代码格式正确，您需要缩进它。四个空格/一个制表符组成一个代码块。或者，在编辑器窗格顶部有一个按钮可以制作代码块。
这是移动开发，还是桌面开发，还是基于浏览器的开发？
目前是浏览器开发。我也可以为手机修改它，但我只是希望它首先在我的浏览器上运行。
一旦您要调整代码以适应移动设备，请确保再次将 useVirtualLayout 属性设置为 false（默认值）。如果您有大型数据集，您将失去列表的虚拟化功能，这会显着降低性能。

标签： apache-flex list adobe itemrenderer

【解决方案1】：

为您的列表指定一个高度，世界上一切都会好起来的。如果您不这样做，它假定它可以延伸到您的页面底部以显示所有数据，即使您看不到它。

<s:List id="resultList" includeIn="loggedin" x="120" y="246"
  width="100%" height="100%" itemRenderer="userList">   
<s:layout>  
    <s:VerticalLayout useVirtualLayout="true" requestedMinRowCount="1"/>  
</s:layout>  
<s:AsyncListView list="{getUserResult.lastResult}"/>

附：很好的问题，有很多细节和完美的代码量。

【讨论】：

感谢您的夸奖和正确答案。我有一种感觉，这将是一件非常简单的事情，但它为我节省了很多搜索时间。还要感谢那些让我的代码看起来更漂亮的人。

【解决方案2】：

List 看到百分比高度时遇到问题（height="100%"）。所以，我必须使用 height="{myContainer.height}" 之类的东西来设置它，它起作用了。

【讨论】：