Date au format numérique
Page 1 sur 1
Date au format numérique
I. Créer un nouveau document flash
Il faut maintenant créer un nouveau document flash.
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
Voici ce que vous devez avoir à l'écran :
II. 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.
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 rectagle aux bords arrondis :
III. Insérer le code ActionScript
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 :
IV. Insérer un champ de texte dynamique
Il ne nous reste plus qu'à ajouter un champ de texte dynamique qui nous permette de afficher la date générée par notre script.
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").
Il faut maintenant créer un nouveau document flash.
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
Voici ce que vous devez avoir à l'écran :
II. 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.
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 rectagle aux bords arrondis :
III. Insérer le code ActionScript
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:
// Début du Script date
onClipEvent (enterFrame)
{
// Définition de la date
maDate = new Date();
// le jours
this.day = maDate.getDate();
if (day<10) day = "0"+day;
// le mois
this.month = maDate.getMonth()+1;
if (month<10) month = "0"+month;
// l'annee
this.year = maDate.getFullYear();
// Gestion de l'affichage
affichage="Nous sommes le "+this.day+"/"+this.month+"/"+this.year;
}
// Fin du Script date
IV. Insérer un champ de texte dynamique
Il ne nous reste plus qu'à ajouter un champ de texte dynamique qui nous permette de afficher la date générée par notre script.
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").
Source: Netger Design
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|