Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
64
enfants sur une seule ligne horizontale, et c’est exactement ce que nous
souhaitons intégrer pour le moment.
Modification du code source du fichier Home.mxml
Dans le code source du fichier Home.mxml, nous ajoutons donc une balise
en donnant à trois de ses propriétés les valeurs indiquées cidessus. La largeur de ce conteneur HBox est forcée à 650 pixels, car si
nous la réglons à 100 %, cette largeur sera automatiquement ajustée à
celle de son composant enfant (ici la largeur du texte contenu dans le
composant Label). Nous intégrons donc manuellement la largeur de la
HBox sur toute la largeur de la page d’accueil (650 pixels).
La seconde propriété que nous ajustons est borderStyle="solid". Elle
permet de rendre visible le contour de notre conteneur. Pour finir, nous
réglons la couleur du contour sur la valeur HTML du blanc
(#FFFFFF) : borderColor="#FFFFFF".
Le contenu du composant Label n’étant pas très visible, nous remplacerons l’instruction précédente par :
Modification du composant Label
Ici, nous ajustons la largeur du texte à toute la largeur du conteneur
parent (width="100%"), nous modifions sa couleur (color="#AAAAAA"),
nous précisons un identifiant (id="ticker_box") et nous alignons le texte
au centre du conteneur (textAlign="center").
Le résultat final est visible sur la figure 5-2.
Tableau 5–2 Conteneur HBox
HBox
Description
Paquetage
mx.containers
Classe
public class HBox
Héritage
HBox ! Box ! Container ! UIComponent ! FlexSprite ! Sprite !
DisplayObjectContainer ! InteractiveObject ! DisplayObject
EventDispatcher ! Object
Sous-classes
GridItem, GridRow




width="100%" color="#AAAAAA" id="ticker_box"
textAlign="center"/>