Flex-list: значки над полями меток, по центру

Question

Мне наконец-то удалось сделать мой список рендерингом по горизонтали, но проблема в следующем:

Когда я запускаю приложение, я вижу такой список:

Дон 'Принимая во внимание поля меток, данные собираются из тестового XML

Дело в том, что я хочу, чтобы в списке отображался значок над полем метки (изображение iMac над меткой 'file1') иОба должны быть в центре.

Вот код списка в моем HomeView:

<s:List id="tripList" left="0" right="0" top="0" bottom="0"
        change="tripList_changeHandler(event)" dataProvider="{data}" horizontalCenter="0"
        labelField="title" verticalCenter="0">
    <s:layout>
        <s:TileLayout/>
    </s:layout>
    <s:itemRenderer>
        <fx:Component>
            <s:IconItemRenderer iconFunction="getPhotoURL" iconWidth="128" iconHeight="128" height="150" width="379" verticalAlign="top" textAlign="center">
                <fx:Script>
                    <![CDATA[
                        protected function getPhotoURL(item:Object):String
                        {
                            return "images/mine/" + item.image
                        }
                    ]]>
                </fx:Script>
            </s:IconItemRenderer>
        </fx:Component>
    </s:itemRenderer>
</s:List>

Спасибо за любой ответ!

Answer 1

как то так ...

<s:List id="tripList" left="0" right="0" top="0" bottom="0"
            horizontalCenter="0"
            labelField="title" verticalCenter="0">
        <s:layout>
            <s:TileLayout/>
        </s:layout>
        <s:dataProvider>
            <s:ArrayList>
                <fx:Object title="item 1" icon="adobe-logo.jpg" />
                <fx:Object title="item 2" icon="adobe-logo.jpg" />
                <fx:Object title="item 3" icon="adobe-logo.jpg" />
                <fx:Object title="item 4" icon="adobe-logo.jpg" />
                <fx:Object title="item 5" icon="adobe-logo.jpg" />
                <fx:Object title="item 6" icon="adobe-logo.jpg" />
            </s:ArrayList>
        </s:dataProvider>
        <s:itemRenderer>
            <fx:Component>
                <s:ItemRenderer>
                    <s:VGroup horizontalAlign="center">
                        <s:Image source="{data.icon}" />
                        <s:Label text="{data.title}" />
                    </s:VGroup>
                </s:ItemRenderer>
            </fx:Component>
        </s:itemRenderer>
    </s:List>