Hola Mundo 2 - Flex 3

Ejemplo a Elaborar en MXML y en ActionScrip:

MXML:

AS:

En este tutorial haremos un hola mundo dinámico, que cuanto se haga clic en el botón se cambie el texto de un label y colocaremos HOLA MUNDO. El ejemplo lo vamos a hacer de dos maneras la primera en MXML y la segunda en MXML con AS 3.0 para ver las dos caras de la moneda.

Ejemplo I, escrito en MXML:

Codigo:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:VBox width="100%" height="100%">
<mx:Label id="idLabel" text="Texto de Inicio"/>
<mx:Button label="Tutorial" click="{idLabel.text = 'Hola Mundo'}"/> 
</mx:VBox>
</mx:Application>

Ejemplo II, en MXML con AS 3.0:

Codigo:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>
<![CDATA[
private var contador:int = 0

private function clickHandler(e:MouseEvent):void{
idLabel.text = "Hola Mundo "+contador;
contador++;
}
]]>
</mx:Script>

<mx:VBox width="100%" height="100%">
<mx:Label id="idLabel" text="Texto de Inicio"/>
<mx:Button label="Tutorial" click="{clickHandler(event)}"/> 
</mx:VBox>

</mx:Application>

Con este tutorial ahora somos capaces de crear títulos que se generen dinámicamente cada ve que le demos a un botón que nosotros queramos, personalizando el texto en las ocasión que necesitemos.
Saludos.

Descargar Archivos:

• ButtonLabelFunction.mxml
• ButtonLabelFunctionII.mxml