Flex - Tile ile resimleri otomatik hizalama

Tile tagı içerisine gömdüğümüz resimlerin otomatik hizalanmasını ve browserda hareket olsa dahi uyum sağlamasını sağlayan güzel bir örnek:

SWF Dosyası

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#76EEEF, #FFFFFF]" horizontalAlign="left">
    <mx:Label text="Gezi Fotolarım" fontSize="18" fontWeight="bold" fontStyle="italic"/>
    <mx:HBox width="100%" height="100%">
        <mx:VBox width="60%" height="100%">
            <mx:Label text="Fotoğraf Kataloğu" fontWeight="bold" fontSize="18"/>
            <mx:Tile width="100%">
                <mx:Image source="@Embed('assets/thumbs/bigben.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/alcatraz.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/bourbonstreet.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/buckinghampalace.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/cablecars.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/coittower.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/crawfish.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/elcapitan.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/fishermanswharf.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/londonbridge.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/londonunderground.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/palaceoffinearts.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/riverboat.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/saintpauls.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/towerbridge.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/toweroflondon.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/tuolomne.jpg')"/>
                <mx:Image source="@Embed('assets/thumbs/yosemitefalls.jpg')"/>
            </mx:Tile>
        </mx:VBox>
        <mx:Panel width="40%" height="100%" layout="absolute" title="Alışveriş Kartı">
        
        </mx:Panel>
    </mx:HBox>
    
</mx:Application>

Bu Makaleyi Tweet'le