Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
52
Créer des composants personnalisables
Nous pouvons donc créer l’ensemble de nos modules via des composants
personnalisables au format MXML, dans des fichiers indépendants.
Tout comme le fichier MediaFoot.mxml intègre le conteneur principal,
chaque composant personnalisable commence avec une déclaration du
type d’encodage du fichier XML. Mais nous n’utiliserons bien entendu
pas la balise Application qui est réservée au conteneur principal, et donc
au fichier parent MediaFoot.mxml.
En partant du principe que nous devons créer quatre modules en plus de
la page d’accueil, il nous faudra créer cinq composants. En voici la liste :
• module 1 : Home, page d’accueil, composant Home.mxml ;
• module 2 : Edito, composant Edito.mxml ;
• module 3 : Photo galerie, composant Photo.mxml ;
• module 4 : Joueurs, composant Joueurs.mxml ;
• module 5 : Match Live, composant Match_live.mxml.
Pour créer un composant MXML personnalisable, sélectionnez
File>New>MXML Component. Créez un répertoire que vous pouvez
nommer par exemple /views et dans lequel vous sauvegarderez tous les
cinq modules sous forme de composants. Le premier portera le nom de
Home.mxml et il sera basé sur un conteneur de type Canvas (nous verrons
dans le chapitre suivant les propriétés de ce type de conteneur)
(figure 4-10). Nous n’ajusterons pas pour l’instant la largeur ni la hauteur de ce composant afin de nous assurer qu’il s’étendra sur toute la surface du conteneur principal, afin de couvrir l’intégralité de son contenu.
Figure 4–10
Création du premier composant
personnalisable Home.mxml
© Groupe Eyrolles, 2008
52
Créer des composants personnalisables
Nous pouvons donc créer l’ensemble de nos modules via des composants
personnalisables au format MXML, dans des fichiers indépendants.
Tout comme le fichier MediaFoot.mxml intègre le conteneur principal,
chaque composant personnalisable commence avec une déclaration du
type d’encodage du fichier XML. Mais nous n’utiliserons bien entendu
pas la balise Application qui est réservée au conteneur principal, et donc
au fichier parent MediaFoot.mxml.
En partant du principe que nous devons créer quatre modules en plus de
la page d’accueil, il nous faudra créer cinq composants. En voici la liste :
• module 1 : Home, page d’accueil, composant Home.mxml ;
• module 2 : Edito, composant Edito.mxml ;
• module 3 : Photo galerie, composant Photo.mxml ;
• module 4 : Joueurs, composant Joueurs.mxml ;
• module 5 : Match Live, composant Match_live.mxml.
Pour créer un composant MXML personnalisable, sélectionnez
File>New>MXML Component. Créez un répertoire que vous pouvez
nommer par exemple /views et dans lequel vous sauvegarderez tous les
cinq modules sous forme de composants. Le premier portera le nom de
Home.mxml et il sera basé sur un conteneur de type Canvas (nous verrons
dans le chapitre suivant les propriétés de ce type de conteneur)
(figure 4-10). Nous n’ajusterons pas pour l’instant la largeur ni la hauteur de ce composant afin de nous assurer qu’il s’étendra sur toute la surface du conteneur principal, afin de couvrir l’intégralité de son contenu.
Figure 4–10
Création du premier composant
personnalisable Home.mxml