Utilisation du composant Label

Un composant Label s’utilise pour créer une étiquette de texte pour un autre composant d’un formulaire, par exemple une étiquette « Nom » à gauche d’une zone TextInput destinée à contenir le nom d’un utilisateur. Il est préférable d’utiliser un composant Label au lieu d’une zone de texte ordinaire, car vous pouvez vous servir des styles pour maintenir une cohésion au niveau de la présentation.

Si vous voulez faire pivoter un composant Label, vous devez incorporer les polices, faute de quoi elles ne s’afficheront pas lors du test de l’animation.

Dans l’Inspecteur des propriétés ou l’Inspecteur des composants, vous pouvez définir les paramètres de création suivants pour chaque occurrence du composant Label : autoSize , condenseWhite , selectable , text et wordWrap . A chacun de ces paramètres correspond une propriété ActionScript du même nom. Pour plus d’informations sur les valeurs gérées de ces paramètres, voir la classe Label dans le Guide de référence d’ActionScript 3.0 pour Flash Professional .

La procédure suivante décrit l’ajout d’un composant Label à une application au cours de la programmation. Dans cet exemple, l’étiquette affiche simplement le texte « Expiration Date ».

1. Créez un document de fichier Flash (ActionScript 3.0).

2. Faites glisser un composant Label du panneau Composants vers la scène et spécifiez les valeurs suivantes pour celui-ci dans l’Inspecteur des propriétés :

   • Entrez le nom d’occurrence aLabel .

   • Tapez 80 pour la valeur W.

   • Tapez 100 pour la valeur X.

   • Tapez 100 pour la valeur Y.

   • Entrez Expiration Date pour le paramètre text .

3. Faites glisser un composant TextArea sur la scène et spécifiez les valeurs suivantes pour celui-ci dans l’Inspecteur des propriétés :

   • Entrez le nom d’occurrence aTa .

   • Tapez 22 pour la valeur H.

   • Tapez 200 pour la valeur X.

   • Tapez 100 pour la valeur Y.

4. Ouvrez le panneau Actions, sélectionnez l’image 1 dans le scénario principal et entrez le code ActionScript suivant :

   var today:Date = new Date(); 
   var expDate:Date = addDays(today, 14); 
   aTa.text = expDate.toDateString(); 
    
   function addDays(date:Date, days:Number):Date { 
   return addHours(date, days*24); 
   } 
    
   function addHours(date:Date, hrs:Number):Date { 
   return addMinutes(date, hrs*60); 
   } 
    
   function addMinutes(date:Date, mins:Number):Date { 
   return addSeconds(date, mins*60); 
   } 
    
   function addSeconds(date:Date, secs:Number):Date { 
   var mSecs:Number = secs * 1000; 
   var sum:Number = mSecs + date.getTime(); 
   return new Date(sum); 
   }

5. Choisissez Contrôle > Tester l’animation.