5 – Concevoir une interface utilisateur riche
© Groupe Eyrolles, 2008
65
Intégrer les panneaux de l’interface
utilisateur
Nous allons à présent concevoir et positionner notre premier panneau.
L’idée est de créer un conteneur d’agencement de type VBox dans lequel
nous intégrerons un composant TitleWindow. En effet, un TitleWindow
est un conteneur d’agencement particulier qui intègre une barre de titre,
un sous-titre, une bordure et une zone de contenu pour tous ses composants enfants. Nous ajouterons également un bouton de fermeture du
conteneur, que nous rendrons opérationnel dans les chapitres suivants.
Comme indiqué dans le tableau 5-3, le conteneur TitleWindow est dérivé
de la classe Panel. C’est donc un composant particulier de type Panel.
Voici les caractéristiques de dimensions par défaut du conteneur
TitleWindow :
Figure 5–2
Intégration de l’emplacement
prévu pour le bandeau
d’information (ticker)
Tableau 5–3 Conteneur TitleWindow
TitleWindow Description
Paquetage
mx.containers
Classe
public class TitleWindow
Héritage
TitleWindow ! Panel ! Container ! UIComponent ! FlexSprite !
Sprite ! DisplayObjectContainer ! InteractiveObject ! DisplayObject
EventDispatcher ! Object
Tableau 5–4 Caractéristiques par défaut du conteneur TitleWindow
Caractéristiques
Description
Dimensions par défaut 1. Hauteur : la hauteur est assez importante pour inclure tous les composants enfants dans la zone de contenu, en prenant en compte les hauteurs respectives des composants enfants intégrés. Il faut également ajouter la hauteur de la
barre de titre, celle de la bordure, éventuellement un espacement entre les composants enfants et, pour finir, le sommet et le bas du conteneur.
2. Largeur : la largeur est celle par défaut ou explicite du composant enfant le plus large. Il faut ensuite ajouter celle du
texte du titre ou bien les bordures gauche et droite de la zone de remplissage du conteneur.