1

我对 Adob​​e 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>
4

1 回答 1

3

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

于 2011-03-31T13:22:49.507 回答