Efectos en flex 3

Hola, soy nueva en flex y quisiera saber como creo un efecto o done me puedo informar para crear un efecto.

me gustaria que fuera maso menos asi:

al darle click en un boton ps apresca el cuadro de dialogo (esp lo se hacer bastante bn) pero no tan simple, le doy click y que aumete de tamaño despacio, o cosas asi, porfa ayudenme estoy aprendiendo y me gustaria saber.

y ps digamos que tengo una pagina creada en flex, como puedo hacer para ya subirla de una vez a la web, osea que de una vez cualquier persona la pueda ver.

Acá te dejo un ejemplo sencillo, solo crea una carpeta con el nombre images y dentro de ella coloca una imagen llamada boots.jpg o cualquier otra pero reemplaza el nombre en el código

Saludos

Código Flex :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
    
    <mx:Script>
        <![CDATA[
            private function smoothImage(ev:Event):void{
                //imagen de conjunto a fin de suavizar la imagen se ve mejor cuando se transforma.
                var bmp:Bitmap = ev.target.content as Bitmap;
                bmp.smoothing = true;
            }
        ]]>
    </mx:Script>
    <mx:Resize id="expand" target="{img}" widthTo="120" heightTo="120"/>
    <mx:Resize id="contract" target="{img}" widthTo="24" heightTo="24"/>
        
    <mx:Panel title="Resize Effect" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500" height="230"
         paddingTop="5" paddingRight="10" paddingBottom="5" paddingLeft="10" horizontalAlign="center">
         
         <mx:Text width="100%" color="0x323232" textAlign="center" paddingBottom="5"
            text="Use the Button controls to resize the image."/>

        <mx:Image id="img" width="24" height="24" source="@Embed('images/boots.jpg')" creationComplete="smoothImage(event);"/>
        
        <mx:ControlBar horizontalAlign="center" paddingTop="3" paddingBottom="3">
            <mx:Button label="Expand" click="expand.end(); expand.play();"/>
            <mx:Button label="Contract" click="contract.end(); contract.play();"/>
        </mx:ControlBar>
        
    </mx:Panel>
    
</mx:Application>

Muchisimas gracias por tu ayuda!!!
ya lo probe y esta re bn!!!
GRACIAS!!!!
porque escribiste eso de ultimo??

katherine_0801 escribió:

Solo es una firma
Saludos