Trucsweb.com

Forum de discussion

 Forum « Flash et Shockwave » (archives)

Re: [Tutoriel] Garder l'états cliqué d'un bouton

Envoyé: 13 septembre 2006, 8h30 par Oznog


Salut,

Le bouton ne permet pas l'état « cliqué ». C'est compréheisible puisque ce n'est plus un bouton dans la mesure ou il n'est plus possible de le cliquer. Il devient une simple image indiquant l'option ou la page.

Ceci dit, Marcomedia aurait pu ajouter un cinquième état, « innactif » par exemple mais c'est inutile car Flash a déjà en lui-même un outil pour ça. Une troisième dimenssion je dirais. Et en y pensant, il faudrait de toute façon des centaines d'états pour toutes les exeptions.

Tu peux ajouter de l'intelligence à ton bouton. Au lieu d'avoir une simple image, ça peut être un clip à deux images-clé! La première ton bouton, la deuxième, une simple image représentant l'état cliqué. Il suffira de se promener entre les deux images-clé avec des « gotoAndStop ».

1. Fait ton bouton normalement [ctrl-F8] de type bouton et laisse-le dans la librairie.

2. Cré un clip de type « movieClip » [ctrl-F8]. Sur la première image-clé, glisse ton bouton. Et dans la fenêtre action, met un « stop(); ».

3. Ajoute une image-clé [F7] sur le deuxième cadre. Et copie sur cette deuxième image-clé, une image du bouton cliqué. Et ajoute aussi un « stop(); » dans la fenêtre action.

4. Et voilà pour la structure. Glisse ton bonton-clip sur la scène et donne-lui le nom d'instance « monClip1 ».

5. Maintenant, double-clic sur le clip et sélectionne le bouton sur la première image-clé. Dans la fenêtre action du bouton, ajoute ce code :

on (release) {
this.gotoAndStop(2);
// Ici l'action normale du bouton...
}

C'est tout simple! voilà l'art de Flash. Avec cette technique tu peux faire n'importe quoi, par exemple des transitions très complexe entre les états etc.

6. Tu dois refaire les étapes 2 et 3 pour chacun de tes boutons en t'assurant de leur donner un nom d'instance unique à chacun : monClip1, monClip2, monClip3...

Mais comment revenir à l'état bonton ?

Il suffit alors de faire l'inverse, « gotoAndStop(1); ».

Par exemple avec 3 boutons :

on (release) {
// Premier bouton (monClip1)
this.gotoAndStop(2);
// Réactive les deux autres boutons
this._parent.monClip2.gotoAndStop(1);
this._parent.monClip3.gotoAndStop(1);
// Ici l'action normale du bouton...
}

on (release) {
// Deuxième bouton (monClip2)
this.gotoAndStop(2);
// Réactive les deux autres boutons
this._parent.monClip1.gotoAndStop(1);
this._parent.monClip3.gotoAndStop(1);
// Ici l'action normale du bouton...
}

on (release) {
// Troisième bouton (monClip3)
this.gotoAndStop(2);
// Réactive les deux autres boutons
this._parent.monClip1.gotoAndStop(1);
this._parent.monClip2.gotoAndStop(1);
// Ici l'action normale du bouton...
}

Le processus peut être optimisé, une boucle par exemple dans le cas d'un très gros menu.

Ciao
Oznog


Réponses

 Aucune réponse à ce message... 
Aucun médias sociaux
X

Trucsweb.com Connexion

X

Trucsweb.com Mot de passe perdu

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte