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:

view plainprint?

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

<?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:

view plainprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">  
3.   
4. <mx:Script>  
5. <![CDATA[ 
6. private var contador:int = 0 
7.  
8. private function clickHandler(e:MouseEvent):void{ 
9. idLabel.text = "Hola Mundo "+contador; 
10. contador++; 
11. } 
12. ]]>  
13. </mx:Script>  
14.   
15. <mx:VBox width="100%" height="100%">  
16. <mx:Label id="idLabel" text="Texto de Inicio"/>  
17. <mx:Button label="Tutorial" click="{clickHandler(event)}"/>   
18. </mx:VBox>  
19.   
20. </mx:Application>  

<?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