Tutoriels - Flash - Interfaces Design fichier source



Une barre de défilement simple (écrit par Guillaume )

Créez une barre de défilement toute simple (pas terrible ... mais simple)

intro

c'est tout bête est ça fait toujours bien, une petit texte qui défile dans un coin. vous pouvez paramétrer le texte, pas la vitesse (arg ...) mais avec quelques connaissances & un peu de recherche, vous n'aurez pas trop de mal à l'améliorer. (jusqu'à la prochaine leçon là dessus).

étape 1 - symboles

créez une zone de texte, cliquez sur ctrl + t puis sur l'onglet "Options". choisissez "texte dynamique". un texte dynamique est une zone de texte qui pourra être modifiée au cours de l'animation, contrairement au texte statique qui lui ne pourra pas être changé (un titre, par exemple). un texte dynamique affiche le contenu d'une variable. dans le champ "variable" ecrivez "texte", c'est le nom de la variable que nous allons créer. Cliquez sur l'onglet paragraphe et choisissez un alignement centré.
modifiez la couleur du texte, sa police, et la taille de la zone à votre guise.

appuyez sur F8, pour convertir cette zone de texte en symbole. choisissez "clip" et appelez le "défilement". vous pourrez copier et coller cet barre dans plusieurs endroits de votre animation (avec un texte différent) ou d'une animation différente.


étape 2 - code

revenez sur la scène principale. selectionnez le clip > clic bouton droit > actions. on mode expert (ctrl + e) écrivez :

onClipEvent (load) {
texte = "plus je connais les hommes, plus j'aime mon chien       ";
}

au chargement du clip (load), la valeur de texte sera : "plus je connais les hommes ..."
vous pouvez déjà lancer l'animation pour vérifer (ça c'est pour les grands débutants).
pensez à ajouter quelques espaces à la fin du texte ou, quand le texte sera bouclé, les lettres seront collées.

pourre que le texte défile, nous allons utiliser les fonctions proposées par flash 5 sur les strings (string est l'appellation anglophone d'une chaine de caractère, ou d'un texte, quoi)

texte.length correspond à la longueur de la chaine
texte.substr(debut, longueur) renvoie les caractères d'une chaîne depuis le caractère "debut" jusqu'au nombre de caractères spécifié dans l'argument "longueur".
attention, le premier caractère d'une chaine est le caractère numéro 0, le dernier sera (texte.length -1).

par exemple :
texte.substr(1,9) sera "lus je co"
texte.substr(0,4) sera "plus"
texte.substr(5,8) sera "je conn"

nous allons, en boucle, prendre la chaine entiere sauf le premier caractère, et placer celui ci à la fin.
texte = texte.substr(1,texte.length-1) add texte.substr(0,1);
add rassemble deux chaines ensemble. texte.substr(0,1) est le premier caractère.

écrivez sous le code précédent :
onClipEvent (enterFrame) {
texte = texte.substr(1,texte.length-1)add texte.substr(0,1);
}

on clipEvent(enterFrame) est lu en boucle tant que le clip est sur la scène.

c'est terminé. 6 lignes de code, et un résultat convenable.
un de ces jours, j'écrirai un tutoriel pour régler la vitesse du texte.



Tous droits réservés 2003 Jérémie Cook