Adobe Flex中的图像

我是Adobe Flex / Actionscript的新手,我正在尝试创建一个人物搜索应用程序。到目前为止,我的结果显示为水平列表,但我希望在每个名称上方包含一个图像作为我精彩的绘画技巧:
/* listOfPeople is a list of arrays with a["name"] a["sex"] a["dob"] and 
   a["image"] which is just a URI to the image */

<s:List width="100%" height="100%" id="results" dataProvider="{listOfPeople}" change="clickPerson(event)">
    <s:itemRenderer>
        <fx:Component>
            <s:MobileIconItemRenderer
                iconField="{data.image}"
                 iconHeight="100" iconWidth="100"
                label="{data.name} - {data.sex}"
                messageField="dob"/>
        </fx:Component>

    </s:itemRenderer>
    <s:layout>
        <s:HorizontalLayout paddingBottom="100" gap="6" paddingTop="100" paddingLeft="0"
            paddingRight="0"
            requestedColumnCount="-1"
            variableColumnWidth="true"
            verticalAlign="bottom"
            /> 
    </s:layout>
</s:List>
有任何想法吗? iconField似乎根本没有显示......即使使用带有正确反斜杠的完整路径也是如此 干杯 菲尔 编辑: 单击此人时,图像在PersonDetails屏幕上显示正常:
<s:HGroup verticalAlign="middle" gap="12" paddingTop="10" paddingLeft="10">

    <s:Image source="{data.image}" height="170" width="170"/>

    <s:VGroup>
        <s:Label text="{data.name}"/>
        <s:Label text="{data.dOB}"/>
        <s:Label text="{data.sex}"/>
        <s:Label text="{data.birthplace}"/>
        <s:Label text="{data.colour} {data.ethnicity}"/>
        <s:Label text="{data.height}"/>
    </s:VGroup>

</s:HGroup>
    
已邀请:
我认为MobileIconItemRenderer以水平布局显示所有元素。如果要在文本顶部显示图像,则必须创建自己的渲染器或扩展MobileIconItemRender并更改其布局元素的方式     

要回复问题请先登录注册