Nous allons voir comment créer un nouveau champs de texte dynamique dans une animation. Nous verrons également comment on peut gérer les évènements de la souris.
Pour commencer, ajoutez deux boutons sur la scène (Fenêtre > Composants > User Interface > Button). N’oubliez pas de donner un nom d’occurrence à chaque bouton sur la scène (panneau Propriétés).
[ftf w="600" h="380"]// .::. attacher une zone de texte sur la scène .::.
// définition du format du champ texte (ajout du 28 février 2008)
var tf:TextFormat = new TextFormat();
tf.font = « Verdana »;
tf.size = 30;
tf.align = « center »;
tf.italic = true;
// création d’une nouvelle zone de texte et choix des propriétés de celle-ci
var monTexte:TextField = new TextField();
monTexte.width = 500;
monTexte.x = ((stage.stageWidth)/2)-(monTexte.width/2);
monTexte.multiline = true;
monTexte.wordWrap = true;
monTexte.selectable = false;
monTexte.textColor = 0×527596;
monTexte.defaultTextFormat = tf;
monTexte.htmlText = ‘Texte de départ.
L\’animation est lancée.‘;
// on ajoute le nouveau champ de texte sur la scène avec addChild();
addChild(monTexte);
// ligne 25 : équiv. de bouton.onRelease = function()
btn.addEventListener(MouseEvent.CLICK,clic);
// ligne 27 : équiv. de bouton.onRollOver= function()
btn2.addEventListener(MouseEvent.MOUSE_OVER,survolOver);
// ligne 29 : équiv. de bouton.onRollOut = function()
btn2.addEventListener(MouseEvent.MOUSE_OUT,survolOut);
// déclaration des fonctions associées aux évènements sur les boutons
function clic(e:MouseEvent):void {
monTexte.htmlText = ‘Le bouton Clics est cliqué.‘;
}
function survolOver(e:MouseEvent):void {
monTexte.htmlText = ‘Le bouton Survol est survolé.’;
}
function survolOut(e:MouseEvent):void {
monTexte.htmlText = ‘Le bouton Survol n\’est pas survolé.‘;
}[/ftf]
[bix i="http://media.benoit-deldicque.com/blog/images/flash.gif";t="Fichier source : textField-onRelease.fla"]
Les propriétés d’un champs de texte sont multiples.
- multiline pour un champ de texte de plusieurs lignes.
- wordWrap pour le retour automatique du texte à la ligne.
- selectable pour indiquer si le texte est sélectionnable à la souris.
- textColor pour indiquer la couleur du texte dans le champ. Format: 0x suivi du code héxadécimal repésentant la couleur.
- defaultTextFormat pour le format de mise en page du texte dans le champ.
- text ou htmlText vous permet d’écrire dans le champ de texte.
La gestion des évènements d’un bouton s’exécute comme suit :
bouton.addEventListener(type d’évènement, fonction);
Pour plus d’informations sur les types d’évènements, consultez LiveDocs.
Ajout du 26 février 2008 :
Les propriétés pour le formattage de texte sont multiples.
- color pour spécifier la couleur du texte.
- font pour indiquer la police utilisée pour le champ de texte
- size pour indiquer la taille du texte
- align pour définir l’alignement du texte
Source : LiveDocs
