Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
54
Une fois les composants enregistrés, il est nécessaire de créer un namespace
XML pour accéder aux composants à partir de l’application principale.
Nous devons insérer ce namespace dans la balise MXML Application.
À cet effet, nous ajoutons donc la propriété xmlns avec, comme namespace, un nom choisi arbitrairement (views) et comme valeur le mot
views également, car c’est le nom du répertoire que nous avons créé pour
stocker tous nos composants MXML personnalisés :
Nous souhaitons à présent intégrer la page d’accueil dans le conteneur
principal. Ceci peut se faire très simplement en écrivant l’instruction suivante dans le fichier MediaFoot.mxml :
Nous utilisons donc une balise commençant par views, car c’est le nom
de namespace que nous avons choisi pour nos composants personnalisés.
Nous sélectionnons ensuite le composant que nous souhaitons afficher
(le composant Home pour la page d’accueil), avec un identifiant
id="home". Concernant les dimensions, nous ajustons la largeur et la
hauteur à 100 % afin d’occuper l’ensemble du conteneur principal.
Revenez à présent sur le fichier Home.mxml et ajoutez la ligne d’instruction suivante :
La nouvelle balise Label permet tout simplement de rajouter du texte ᕡ, ici
le mot « Home ». Il s’affichera simplement dans le composant Home.mxml.
Compilez à présent votre application et observez le résultat. On voit toujours le fond dégradé, ainsi que les composants intégrés (image et texte)
dans le conteneur principal. Le mot « Home » est également visible entre
l’en-tête et le pied de page définis dans le conteneur principal.
Vous venez ainsi de construire votre premier composant personnalisable
avec Flex. Bien que son contenu se limite à l’affichage simple du mot
« Home », la procédure de base sera toujours la même. Suivez-la de nouveau pour les quatre autres composants (modules 2 à 5).
xmlns:views="views.*"
height="100%"
backgroundAlpha="0">
ATTENTION Point de syntaxe
Nous utilisons la syntaxe .* afin de définir
l’ensemble des composants disponibles dans le
répertoire /views.
ATTENTION Identifiant de composant
Afin de pouvoir référencer plus tard ce composant en ActionScript, il est indispensable de
fournir un identifiant dans l’attribut id.
© Groupe Eyrolles, 2008
54
Une fois les composants enregistrés, il est nécessaire de créer un namespace
XML pour accéder aux composants à partir de l’application principale.
Nous devons insérer ce namespace dans la balise MXML Application.
À cet effet, nous ajoutons donc la propriété xmlns avec, comme namespace, un nom choisi arbitrairement (views) et comme valeur le mot
views également, car c’est le nom du répertoire que nous avons créé pour
stocker tous nos composants MXML personnalisés :
Nous souhaitons à présent intégrer la page d’accueil dans le conteneur
principal. Ceci peut se faire très simplement en écrivant l’instruction suivante dans le fichier MediaFoot.mxml :
Nous utilisons donc une balise commençant par views, car c’est le nom
de namespace que nous avons choisi pour nos composants personnalisés.
Nous sélectionnons ensuite le composant que nous souhaitons afficher
(le composant Home pour la page d’accueil), avec un identifiant
id="home". Concernant les dimensions, nous ajustons la largeur et la
hauteur à 100 % afin d’occuper l’ensemble du conteneur principal.
Revenez à présent sur le fichier Home.mxml et ajoutez la ligne d’instruction suivante :
La nouvelle balise Label permet tout simplement de rajouter du texte ᕡ, ici
le mot « Home ». Il s’affichera simplement dans le composant Home.mxml.
Compilez à présent votre application et observez le résultat. On voit toujours le fond dégradé, ainsi que les composants intégrés (image et texte)
dans le conteneur principal. Le mot « Home » est également visible entre
l’en-tête et le pied de page définis dans le conteneur principal.
Vous venez ainsi de construire votre premier composant personnalisable
avec Flex. Bien que son contenu se limite à l’affichage simple du mot
« Home », la procédure de base sera toujours la même. Suivez-la de nouveau pour les quatre autres composants (modules 2 à 5).
xmlns:views="views.*"
height="100%"
backgroundAlpha="0">
ATTENTION Point de syntaxe
Nous utilisons la syntaxe .* afin de définir
l’ensemble des composants disponibles dans le
répertoire /views.
ATTENTION Identifiant de composant
Afin de pouvoir référencer plus tard ce composant en ActionScript, il est indispensable de
fournir un identifiant dans l’attribut id.