tileList

 TestFlex.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">
 
    <mx:DefaultTileListEffect id="myTileListEffect"
            fadeOutDuration="500"
            fadeInDuration="500"
            moveDuration="1500" />
 
    <mx:ArrayCollection id="arrColl">
        <mx:source>
            <mx:Array>
                <mx:Object source="assets/maomao.jpg"
                        label="Accordion" />
                <mx:Object source="assets/maomao.jpg"
                        label="ApplicationControlBar" />
                <mx:Object source="assets/maomao.jpg"
                        label="Box" />
                <mx:Object source="assets/maomao.jpg"
                        label="Button" />
                <mx:Object source="assets/maomao.jpg"
                        label="ButtonBar" />
                <mx:Object source="assets/maomao.jpg"
                        label="CheckBox" />
                <mx:Object source="assets/maomao.jpg"
                        label="ColorPicker" />
                <mx:Object source="assets/maomao.jpg"
                        label="ComboBox" />
                <mx:Object source="assets/maomao.jpg"
                        label="DataGrid" />
                <mx:Object source="assets/maomao.jpg"
                        label="DateChooser" />
                <mx:Object source="assets/maomao.jpg"
                        label="DateField" />
                <mx:Object source="assets/maomao.jpg"
                        label="HorizontalList" />
                <mx:Object source="assets/maomao.jpg"
                        label="HRule" />
            </mx:Array>
        </mx:source>
    </mx:ArrayCollection>
 
    <mx:TileList id="tileList"
            dataProvider="{arrColl}"
            itemRenderer="TileListItemRenderer"
            dragEnabled="true"
            dropEnabled="true"
            dragMoveEnabled="true"
            columnWidth="100"
            rowHeight="100"
            width="100%"
            height="100%" />
 
</mx:Application>

======================================================

 

TileListItemRenderer.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
        styleName="plain"
        verticalAlign="middle"
        horizontalAlign="center"
        horizontalScrollPolicy="off"
        verticalScrollPolicy="off"
        width="100%"
        height="100%">
 
    <mx:Image source="{data.source}" />
    <mx:Label text="{data.label}"
            truncateToFit="true"
            width="96" />
 
</mx:VBox>