Slideshow with fade transition

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

Amazon S3 File Uploader

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

Vista Start Menu

By default any ListBase component (List, TileList, HorizontaList…) draws blue rectangle on rollover, selection event. I wanted more appealing effect, round rectangle with nice blue gradient background.
Vista Start Menu is a great example where round rectangle for selection is used. I tried to make copy of it and bring it to Flex(screenshot).
To achieve this i needed to override two methods:
drawSelectionIndicator drawHighlightIndicator
View the app(or click on the screenshot)
View the source
Download the source

Customizing TileList selection

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.

before:
after:

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();
        }
    }
}

Xcelsius Custom Component Development

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)