Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
40
Le design web évolué avec MXML
Votre projet est donc créé, et vous maîtrisez à présent correctement les
fondamentaux de l’environnement de développement Flex Builder 3.
Vous êtes donc prêt à concevoir l’interface utilisateur de l’étude de cas.
Tout projet Flex commence par l’écriture d’un fichier de description
MXML. Ce langage est en quelque sorte similaire au XHTML, dans la
mesure où il permet de définir une interface utilisateur en plaçant des
composants sur une page sous forme de balises. Cependant, le MXML
est plus structuré et plus complet, ce qui permet de créer plus rapidement des interfaces plus interactives. En réalité, le MXML s’apparente
plus aux langages XUL ou XAML.
Notre projet Flex est vide pour l’instant, mais le fichier MXML intègre
les trois lignes d’instructions suivantes :
Tableau 4–1 Structure du projet
Nom de fichier ou de répertoire
Contenu
MediaFoot_chap4.mxml
L’icône de ce fichier est accompagnée de deux symboles, une flèche verte et une bille bleue. La flèche verte indique que le fichier est une application MXML. La bille bleue indique que ce fichier est
la source de l’application par défaut pour ce projet.
/bin-debug
Dossier de sauvegarde des fichiers compilés aux formats SWF, HTML, JavaScript et CSS.
/html-template
Fichiers additionnels utilisés par certaines fonctionnalités de Flex (détection du lecteur Flash, par
exemple).
/.settings
Ce dossier intègre certains fichiers de configuration du projet.
/libs
Emplacement optionnel (répertoire) où peuvent être stockées vos classes personnalisées.
/src
Dossier contenant les fichiers sources de votre application aux formats MXML, ActionScript 3.0 et
CSS.
.actionScriptProperties
Fichiers de configuration additionnels du Flex Builder.
.flexProperties
.project
Figure 4–2
La vue Flex Navigator affiche
l’arborescence du projet généré.
ALTERNATIVE Le langage XUL
XUL (XML-based User Interface Language)
est un autre langage de description d’interfaces
utilisateur, également basé sur le XML. Il a été
créé pour le développement du projet Mozilla. Il
peut donc être comparé au MXML de Flex. Son
format est ouvert.
ALTERNATIVE Le langage XAML
XAML (eXtensible Application Markup Language) est une autre alternative de langage descriptif basé sur le XML. Il facilite le développement
d’interfaces utilisateur pour Windows uniquement.
© Groupe Eyrolles, 2008
40
Le design web évolué avec MXML
Votre projet est donc créé, et vous maîtrisez à présent correctement les
fondamentaux de l’environnement de développement Flex Builder 3.
Vous êtes donc prêt à concevoir l’interface utilisateur de l’étude de cas.
Tout projet Flex commence par l’écriture d’un fichier de description
MXML. Ce langage est en quelque sorte similaire au XHTML, dans la
mesure où il permet de définir une interface utilisateur en plaçant des
composants sur une page sous forme de balises. Cependant, le MXML
est plus structuré et plus complet, ce qui permet de créer plus rapidement des interfaces plus interactives. En réalité, le MXML s’apparente
plus aux langages XUL ou XAML.
Notre projet Flex est vide pour l’instant, mais le fichier MXML intègre
les trois lignes d’instructions suivantes :
Tableau 4–1 Structure du projet
Nom de fichier ou de répertoire
Contenu
MediaFoot_chap4.mxml
L’icône de ce fichier est accompagnée de deux symboles, une flèche verte et une bille bleue. La flèche verte indique que le fichier est une application MXML. La bille bleue indique que ce fichier est
la source de l’application par défaut pour ce projet.
/bin-debug
Dossier de sauvegarde des fichiers compilés aux formats SWF, HTML, JavaScript et CSS.
/html-template
Fichiers additionnels utilisés par certaines fonctionnalités de Flex (détection du lecteur Flash, par
exemple).
/.settings
Ce dossier intègre certains fichiers de configuration du projet.
/libs
Emplacement optionnel (répertoire) où peuvent être stockées vos classes personnalisées.
/src
Dossier contenant les fichiers sources de votre application aux formats MXML, ActionScript 3.0 et
CSS.
.actionScriptProperties
Fichiers de configuration additionnels du Flex Builder.
.flexProperties
.project
Figure 4–2
La vue Flex Navigator affiche
l’arborescence du projet généré.
ALTERNATIVE Le langage XUL
XUL (XML-based User Interface Language)
est un autre langage de description d’interfaces
utilisateur, également basé sur le XML. Il a été
créé pour le développement du projet Mozilla. Il
peut donc être comparé au MXML de Flex. Son
format est ouvert.
ALTERNATIVE Le langage XAML
XAML (eXtensible Application Markup Language) est une autre alternative de langage descriptif basé sur le XML. Il facilite le développement
d’interfaces utilisateur pour Windows uniquement.