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 に答える