Création d’un champ de texte dynamique

Par
tannoy
– 18 mars 2008Publié dans : Les textes

Créer un champ de texte dynamique en ActionScript 3 (AS3).

La création d'un champ de texte en AS3 est désormais uniformisé par rapport à la création d'autres objets.
Les méthodes de la classe TextField permettent de définir, sélectionner et manipuler du texte dans un champ texte dynamique ou de saisie que vous créez en cours de programmation ou à l'exécution.

Création et affichage du champ de texte

On utilise le constructeur de la classe TextField pour créer l'objet texte et la méthode addChild() pour afficher la zone de texte.

COPIER-COLLER
Actionscript:
  1. var zoneTexte:TextField = new TextField();

Propriétés par défaut de l'objet texte :
  • Largeur : 100 pixels
  • Hauteur : 100 pixels
  • Couleur : noir
  • Police : Times New Roman ou Times
  • Taille : 12
  • Pas de bordures
  • Pas d'arrière-plan
  • Une seule ligne

Modification du contenu d'un champ de texte

Le texte dynamique sera défini en affectant une chaîne à la propriété text de l'objet TextField.

COPIER-COLLER
Actionscript:
  1. zoneTexte.text = "L'actionScript 3, c'est simple quand on connaît !!!";

Il est aussi possible d'affecter à la propriété text, une valeur provenant d'une variable :

COPIER-COLLER
Actionscript:
  1. var contenu:String = "L'actionScript 3, c'est simple quand on connaît !!!";
  2. zoneTexte.text = contenu;

Création d'un champ multiligne

On utilise la propriété multiline pour définir un champ de texte multiligne. Cependant, aucun retour à la ligne n'est effectué de façon automatique. Il faut donc utiliser la propriété wordWrap.

Les propriétés width et height permettent de définir la largeur et la hauteur du champ de texte.

COPIER-COLLER
Actionscript:
  1. zoneTexte.text = contenu;
  2. zoneTexte.width = 200;
  3. zoneTexte.height = 200;
  4. zoneTexte.multiline = true;
  5. zoneTexte.wordWrap = true;

Afficher des bordures et un arrière-plan

Les bordures

On utilise les propriétés border et borderColor pour définir les bordures d'un champ de texte.

COPIER-COLLER
Actionscript:
  1. zoneTexte.border = true;
  2. zoneTexte.borderColor = 0xFF0000;

L'arrière-plan

L'arrière-plan est défini par les propriétés background et backgroundColor.

COPIER-COLLER
Actionscript:
  1. zoneTexte.background = true;
  2. zoneTexte.backgroundColor = 0xFFE4B3;

Le script complet de la création d’un champ de texte dynamique