4 – Flex Application Framework : le guide du bon développeur MXML
© Groupe Eyrolles, 2008
49
Passons rapidement sur le contenu de ce code source, sans nous attarder
dessus trop longuement, pour l’instant. Les développeurs Flash reconnaîtront aisément le format d’un fichier HTML publié automatiquement avec l’environnement auteur Flash. La ligne d’instruction numéro
105 définit le nom de fichier MediaFoot.swf, ce qui indique que ce
fichier sera directement intégré dans la page HTML au format Flash.
A priori, il n’y a aucune trace de notre fichier MXML MediaFoot.mxml.
Le contenu déployé sur le serveur web n’intègre donc pas de fichier au
format MXML, contrairement aux fichiers XHTML mis en œuvre dans
le cadre d’une application RIA avec Ajax par exemple.
Mais qu’est donc devenu notre fichier MXML ? En réalité, lors de la
compilation, Flex Builder transforme les différentes balises MXML en
classes ActionScript 3.0. Ensuite, le compilateur génère du code qui instancie toutes les classes pour, à la fin, compiler le tout dans le fichier
MediaFoot.swf.
Le code MXML est un langage de script qui « assiste » le développeur
dans la création de classes ActionScript. En réalité, le code MXML pourrait ne pas exister, et le développeur pourrait décrire toute l’interface utilisateur de son application Flex en classes ActionScript directement. Mais
le processus serait terriblement long et fastidieux pour le développeur, d’où
l’utilité de coder simplement l’interface avec un système de balises, pour
ensuite laisser le compilateur générer lui-même les classes à compiler.
Complétion et aide à l’écriture de code MXML
Avant de poursuivre sur le développement de notre interface RIA, arrêtons-nous un instant sur les différentes aides à l’écriture de code
MXML. Tout au long de la conception de votre application, vous utiliserez très certainement les différentes assistances offertes par Flex
Builder pour écrire votre code. Passons-les en revue très rapidement
avant de poursuivre plus avant l’écriture du code proprement dite.
1 Retournons donc à la vue Editor, mode Source, de notre projet.
LE SAVIEZ-VOUS ? Compilation en ligne de commande
Pour les développeurs qui ne désireraient pas utiliser Flex Builder pour compiler du MXML en
SWF, le SDK Open Source fourni par Adobe permet de compiler directement, via une ligne de
commande, un fichier MXML. Pour ce faire, il suffit de localiser le compilateur du SDK qui
porte le nom de fichier mxmlc.exe, généralement enregistré dans le répertoire
\Adobe\Flex Builder 3\sdks\3.0.0\bin. La ligne de commande à exécuter
ensuite est la suivante :
mxmlc --show-actionscript-warnings=true --strict=true -files-specs
"e:/chapitre_4/MediaFoot/MediaFoot.mxml"
ASTUCE Lire le fichier SWF
Le fichier MediaFoot.swf contient donc l’intégralité du projet (excepté les ressources externes,
telles que le header au format .jpeg). Vous
pouvez d’ailleurs ouvrir directement ce fichier en
double-cliquant dessus, ce qui exécutera le lecteur
Flash et affichera le contenu du projet.
© Groupe Eyrolles, 2008
49
Passons rapidement sur le contenu de ce code source, sans nous attarder
dessus trop longuement, pour l’instant. Les développeurs Flash reconnaîtront aisément le format d’un fichier HTML publié automatiquement avec l’environnement auteur Flash. La ligne d’instruction numéro
105 définit le nom de fichier MediaFoot.swf, ce qui indique que ce
fichier sera directement intégré dans la page HTML au format Flash.
A priori, il n’y a aucune trace de notre fichier MXML MediaFoot.mxml.
Le contenu déployé sur le serveur web n’intègre donc pas de fichier au
format MXML, contrairement aux fichiers XHTML mis en œuvre dans
le cadre d’une application RIA avec Ajax par exemple.
Mais qu’est donc devenu notre fichier MXML ? En réalité, lors de la
compilation, Flex Builder transforme les différentes balises MXML en
classes ActionScript 3.0. Ensuite, le compilateur génère du code qui instancie toutes les classes pour, à la fin, compiler le tout dans le fichier
MediaFoot.swf.
Le code MXML est un langage de script qui « assiste » le développeur
dans la création de classes ActionScript. En réalité, le code MXML pourrait ne pas exister, et le développeur pourrait décrire toute l’interface utilisateur de son application Flex en classes ActionScript directement. Mais
le processus serait terriblement long et fastidieux pour le développeur, d’où
l’utilité de coder simplement l’interface avec un système de balises, pour
ensuite laisser le compilateur générer lui-même les classes à compiler.
Complétion et aide à l’écriture de code MXML
Avant de poursuivre sur le développement de notre interface RIA, arrêtons-nous un instant sur les différentes aides à l’écriture de code
MXML. Tout au long de la conception de votre application, vous utiliserez très certainement les différentes assistances offertes par Flex
Builder pour écrire votre code. Passons-les en revue très rapidement
avant de poursuivre plus avant l’écriture du code proprement dite.
1 Retournons donc à la vue Editor, mode Source, de notre projet.
LE SAVIEZ-VOUS ? Compilation en ligne de commande
Pour les développeurs qui ne désireraient pas utiliser Flex Builder pour compiler du MXML en
SWF, le SDK Open Source fourni par Adobe permet de compiler directement, via une ligne de
commande, un fichier MXML. Pour ce faire, il suffit de localiser le compilateur du SDK qui
porte le nom de fichier mxmlc.exe, généralement enregistré dans le répertoire
\Adobe\Flex Builder 3\sdks\3.0.0\bin. La ligne de commande à exécuter
ensuite est la suivante :
mxmlc --show-actionscript-warnings=true --strict=true -files-specs
"e:/chapitre_4/MediaFoot/MediaFoot.mxml"
ASTUCE Lire le fichier SWF
Le fichier MediaFoot.swf contient donc l’intégralité du projet (excepté les ressources externes,
telles que le header au format .jpeg). Vous
pouvez d’ailleurs ouvrir directement ce fichier en
double-cliquant dessus, ce qui exécutera le lecteur
Flash et affichera le contenu du projet.