Photo slide show application in Flex 3. The slide show will display photos, one-by-one, using a fade-in effect.
Read more about transitions in photoshop example.
View the app(or click on the screenshot)
View the source code
Download the source code
I did some experiments with Amazon Simple Storage Service (Amazon S3) a while ago, but today i decided to put small example on my site.
View the source code
This example shows you how to customize selection boxes in a Flex TileList. Marc’s original post Customizing TileList selection explains which methods you need to override, Thanks Marc.

main.mxml
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:comps="comps.*" viewSourceURL="srcview/index.html"> <comps:CardTileList itemRenderer="ir.Card" width="479" height="371"> <comps:dataProvider> <mx:ArrayCollection> <mx:source> <mx:Object label="2A" data="2a"/> <mx:Object label="2B" data="2b"/> <mx:Object label="2C" data="2c"/> </mx:source> </mx:ArrayCollection> </comps:dataProvider> </comps:CardTileList> </mx:Application>
comps/CardTileList.as
package comps { import flash.display.Graphics; import flash.display.Sprite; import mx.controls.TileList; import mx.controls.listClasses.IListItemRenderer; public class CardTileList extends TileList { public function CardTileList() { super(); } override protected function drawSelectionIndicator(indicator:Sprite, x:Number, y:Number, width:Number, height:Number, color:uint, itemRenderer:IListItemRenderer):void { var g:Graphics = indicator.graphics; g.clear(); g.beginFill(0x009dff); g.lineStyle(2, 0x6e7c9d); //g.drawRoundRect(x,y,itemRenderer.width,height,15,15); g.drawRoundRect(x+(itemRenderer.width-150)/2, y, 150, height, 34, 34); g.endFill(); } override protected function drawHighlightIndicator(indicator:Sprite, x:Number, y:Number, width:Number, height:Number, color:uint, itemRenderer:IListItemRenderer):void { var g:Graphics = indicator.graphics; g.clear(); g.beginFill(0x009dff); g.lineStyle(2, 0x6e7c9d); //g.drawRoundRect(x,y,itemRenderer.width,height,15,15); g.drawRoundRect(x+(itemRenderer.width-150)/2, y, 150, height, 34, 34); g.endFill(); } } }
I’ve been busy over the last week, mostly doing custom component development for Xcelsius 2008.
Basic shapes and property sheets for each component(screenshots below)




I’m Mariusz Tkaczyk.