17:56

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

0 yorum:

Yorum Gönder