Hola Mundo Flex 3

Ejemplo a Elaborar en MXML y en ActionScrip:

Flex, tiene la capacidad de poder interpretar dos tipos de códigos de programación, se pueden usar códigos netamente en ActionScript 3.0 o se puede trabajar en MXML para los amantes del tag.

Tanto en un lenguaje como en el otro se puede lograr los mismos resultados y si nos atascamos en algún lado siempre existe la posibilidad de combinar los 2 lenguajes de programación en un mismo archivo.


Veamos un ejemplo de cómo colocaríamos un Label y como texto del mismo colocaremos HOLA MUNDO tanto en MXML como usando AS 3.0 y MXML a la vez.

Video

El ejemplo es bastante básico pero para empezar a conocer los lenguajes están bastante bien:

Ejemplo I, solo 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:Label text="Hola Mundo" />  
4. </mx:Application>  

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

Ejemplo II, solo 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. creationComplete="init()">  
4. <mx:Script>  
5. <![CDATA[ 
6. private function init():void{ 
7. idLabel.text = "Hola Mundo 2"; 
8. } 
9. ]]>  
10. </mx:Script>  
11.   
12. <mx:Label id="idLabel" />  
13. </mx:Application>  

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="init()">
<mx:Script>
<![CDATA[
private function init():void{
idLabel.text = "Hola Mundo 2";
}
]]>
</mx:Script>

<mx:Label id="idLabel" />
</mx:Application>

Listo ahora podremos colocar labels personalizados con textos a nuestra preferencia en el próximo tutorial colocaremos el texto en una función y cuando le demos clic a un botón el label se llenara.
Saludos.

Descargar Archivos:

• HolaMundoLabel.mxml
• HolaMundoLabelII.mxml