Pas encore membre ? Enregistrez-vous ! | Identifiants égarés ?
Fermer

Date dynamique

  • Introduction
  • Informations
Date dynamique Dans un tutoriel précédant nous avons vu comment afficher l'heure mais vous voulez peut-être afficher la date aussi ?
Vous allez voir ce n'est pas beaucoup plus compliqué...
Ce tutoriel décrit une méthode pour afficher la date au format numérique, c-à-d : Jour/mois/année (ex : 01/01/1970).  
Netger
  • Auteur : Netger
  • Publication : 28 mai 2006 17:52
  • Consultations : 4794
 

1. Créer un nouveau document flash

Il faut maintenant créer un nouveau document flash.
Date dynamique image 1 Attribuez lui les propriétés suivantes :
  • dimensions : 300 x 50 pixels (j'ai choisie les dimensions au hasard)
  • couleur d'arrière-plan : blanc (peu importe).
  • cadence : 12 images par secondes
  • unité de la règle : pixels

2. Préparer le scénario

Nous allons ici employez la même méthode que pour le tutorial 'horloge digitale" :
  • insérez une image-clé à la frame 2 et appliquez lui une action "stop();"
  • ajoutez un movie clip (mc) sur notre scène.
Date dynamique image 2 Nous pourrons ainsi y insérer un code ActionScript afin de gérer l'affichage de la date.
Ajoutez une forme quelconque ou même un mc vide.
Pour l'exemple j'utilise un rectangle aux bords arrondis.

3. Insérer le code ActionScript

Date dynamique image 3 Avant tout, assurez vous de bien avoir sélectionné votre movie clip.
Ensuite déployez le panneau script et insérez-y le code ci-dessous :
Code-source actionscript
  1. onClipEvent (enterFrame)
  2. {
  3. 	// Définition de la date
  4. 	maDate = new Date();
  5.  
  6. 	// le jours
  7. 	this.day = maDate.getDate();
  8.  
  9. 	if (day<10) day = "0"+day;
  10.  
  11. 	// le mois
  12. 	this.month = maDate.getMonth()+1;
  13. 	if (month<10) month = "0"+month;
  14.  
  15. 	// l'annee
  16. 	this.year = maDate.getFullYear();
  17.  
  18. 	// Gestion de l'affichage
  19. 	affichage="Nous sommes le "+this.day+"/"+this.month+"/"+this.year;
  20. }
 

4. Insérer un champ de texte dynamique

Il ne nous reste plus qu'à ajouter un champ de texte dynamique qui nous permettra d'afficher la date générée par notre script.

Date dynamique image 4 Ce champ de texte permettra donc de gérer la mise en forme de l'affichage (police, décoration, alignement, couleur, etc...).
Attention, il ne faut pas le placer n'importe où : double-cliquez sur le mc_date afin "d'entrer" dans le clip et insérez votre champ de texte.
N'oubliez surtout pas de lui attribuer le paramètre "texte dynamique" et de lui attribuer un nom de variable (pour notre script, "Var = affichage").

Et voilà c'est fini !!
Testez votre animation pour vérifier que tout est correct.  
  • Rédiger un commentaire
  • Afficher les commentaires (0)
Vous devez être identifié pour poster un commentaire
Aucun commentaire