La construction d’une interface sur la scène
CHAPITRE 6
179
Nous avons ensuite instancié la classe TextFormat() pour définir les valeurs de toutes les
propriétés utilisées dans notre style (color, size, align et font).
Comme vous pouvez le remarquer, la méthode setTextFormat() sert à appliquer la mise en
forme à l’instance de type TextField(), mais une fois encore, cela ne suffit peut-être pas.
Si vous ne devez créer qu’un seul type de texte dans une animation, cette classe peut vous
suffire. En revanche, dans le cas où vous souhaiteriez gérer plusieurs styles différents, il
faudrait la développer davantage.
Il serait très simple d’ajouter des paramètres dans le constructeur de notre classe, mais
nous risquerions d’aboutir à des mises en forme de textes irrégulières.
Revenons sur ce dernier propos et tentons de l’expliquer. Lorsque vous effectuez une
mise en pages, vous devez respecter une charte graphique qui se définit par l’usage d’un
code couleur, l’utilisation d’une certaine iconographie et le choix d’une typographie
accompagnée de différents styles. Comme vous pouvez le constater sur la copie d’écran
de la figure 6-15, les textes utilisent tous la même police de caractères, mais pas la même
graisse ni le même corps. Chaque style correspond à une définition particulière. Voici
d’ailleurs les lignes d’instructions qui ont permis d’aboutir à ce résultat (elles sont sorties
de leur contexte, mais l’objectif de cette présentation est de vous faire prendre conscience
de la nécessité de créer des styles et non une mise en forme ponctuelle à l’occasion d’un
nouveau besoin).
public function styleTitre() {
styleEnTitre=new TextFormat();
styleEnTitre.color="0xFFFFFF";
styleEnTitre.size=24;
styleEnTitre.align = TextFormatAlign.RIGHT;
styleEnTitre.font="Helvetica Neue Bold Condensed";
zoneTexte.setTextFormat(styleEnTitre);
}
public function styleListe() {
styleEnTitre=new TextFormat();
styleEnTitre.color="0xCCCCCC";
styleEnTitre.size=19;
styleEnTitre.align = TextFormatAlign.RIGHT;
styleEnTitre.font="Helvetica Neue Bold Condensed";
zoneTexte.setTextFormat(styleEnTitre);
zoneTexte.addEventListener(MouseEvent.CLICK,ligneCliquee);
}
Note
Si vous ne connaissez pas encore les propriétés et autres méthodes liées à la mise en forme du texte,
consultez le chapitre 14 ; toutes ces notions y sont expliquées.