Изображения в Adobe Flex - PullRequest
       30

Изображения в Adobe Flex

1 голос
/ 31 марта 2011

Я очень новичок в Adobe Flex / Actionscript и пытаюсь создать приложение для поиска людей. Пока мои результаты отображаются в виде горизонтального списка, но я хотел бы добавить изображение над каждым именем, как показывают мои замечательные навыки рисования:

enter image description here

/* 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 вообще не отображается ... даже при использовании полного пути с правильными обратными слешами

Приветствие Phil

EDIT:

Изображение отображается нормально на экране 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>

1 Ответ

3 голосов
/ 31 марта 2011

Я думаю, что MobileIconItemRenderer отображает все элементы в горизонтальной компоновке. Если вы хотите отобразить изображение поверх текста, вам нужно создать свой собственный рендер или расширить MobileIconItemRender и изменить способ размещения его элементов

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...