Découverte de Flex Builder 2.0

Le langage MXML est destiné à garder un code propre et accessible d'accès même dans des projets de très grande envergure. Il se base sur XML et sera compilé en ActionScript par le compilateur de Flex SDK.

Le langage MXML étant basé sur XML, il suit ses contraintes, notamment :

• Chaque balise doit être fermée : <balise/> ou <balise></balise> .
• La valeur des arguments des balises doivent être entre guillemets.

Le principe de MXML est simple : à une balise correspond une classe ActionScript
Ainsi, un composant Button sera défini comme suit :

<mx:Button id=«monBouton» label="Je suis un bouton"/>

Label est une propriété du composant Button, il s'agit du texte qui s'affiche sur le bouton Et en toute logique, ce qu'en ActionScript 3.0, vous auriez écrit :

monBouton.x = 100;
	monBouton.y = 100;

, vous pouvez maintenant l'intégrer dans la balise du composant :

<mx:Button id=«monBouton» label="Je suis un bouton" x=«100» y=«100» />

Cela revient au même, puisque le code sera compilé en ActionScript !
De même, pour établir l'interactivité du bouton, ce qu'en ActionScript 3.0 vous auriez écrit :

monBoutton.addEventlListener(MouseEvent.DOWN, onClick);

, sera intégré dans la balise comme suit :

<mx:Button id="monBouton" label="Je suis un bouton" x=«100» y=«100» click="onClick" />

, avec onClick en tant que fonction qui se déclenchera au clic sur le bouton. Mais où la place-t-on cette fameuse fonction onClick ?
Deux possibilités s'offrent à vous, selon l'organisation de votre projet :
Soit, directement dans le fichier mxml, entre les balises :

<mx:Script> ////////// PROBLEME D'INCLUSION DE LA BALISE CDATA DANS L'EDITEUR !
		<![CDATA[
			public function onClick (e:Event)
			{
				// le code
			}					
		</mx:Script>

(Notez que la balise CDATA permet d'introduire des caractères spéciaux présents dans l'ActionScript dans le code MXML, qui perturberaient la structure du document sans cela).
La seconde solution consiste à importer la classe contenant la fonction :

<mx:Script>				      
	import com.monPackage.MaClasse;
	</mx:Script>