begin process at 2012 05 26 06:16:52
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & navigation

 > MENU ACCORDEON EN AS3 POO AVEC XML

MENU ACCORDEON EN AS3 POO AVEC XML


 Information sur la source

Note :
10 / 10 - par 2 personnes
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & navigation Classé sous :menu, accordeon, xml, personnalisable, tw Niveau :Initié Date de création :17/07/2009 Date de mise à jour :12/11/2009 19:04:05 Vu / téléchargé :14 012 / 3 293

Auteur : Twinspirit

Ecrire un message privé
Site perso
Commentaire sur cette source (23)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
C'est un menu de type accordéon, commandé par un xml, complètement personnalisable.
Il suffit de modifier le xml et les fichiers images pour changer le contenu.

Je me suis largement inspiré du composant flex : je voulais une classe de ce type pour mon usage de "tous les jours" sans avoir à quitter Flash.  

Le code n'est pas vraiment commenté, j'essaierai de le faire quand j'aurai un moment. Mais je suis disponible pour toutes questions.

Note : inutile d'essayer d'ouvrir le swf sur ce site, cela ne marchera pas. Téléchargez le zip, décompressez dans un dossier, et ouvrez ensuite le swf. Cela fonctionnera. (Le script cherche son xml. S'il ne le trouve pas, il ne charge rien...).



 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

17 juillet 2009 11:30:47 :
Meilleure image de capture
17 juillet 2009 13:56:37 :
Explications pour visualiser le swf
12 novembre 2009 19:04:06 :
Maj 12/11/09 : Juste le lien vers mon nouveau blog. Une autre mise à jour d'optimisation de la mémoire sera faite d'ici peu - il y en a besoin !

 Sources du même auteur

Source avec Zip Source avec une capture TWSCROLLBAR, UNE CLASSE DE SCROLLBAR SIMPLE ET PRATIQUE À UT...

 Sources de la même categorie

Source avec Zip CLASS IMAGE ET IMAGEEVENT par top30
Source avec Zip Source avec une capture MENU DÉFILANT par m1le
Source avec Zip Source avec une capture MENU SIMPLE STYLE IPHONE par frazeks1989
Source avec Zip Source avec une capture MENUS DÉROULANT XML par Speedy321
Source avec Zip MENU RETATION par habibcode

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture DÉBUT DE GALERIE DYNAMIQUE par vegetalain
Source avec Zip Source avec une capture MENU (REFAIT) SIMPLE JOLI EFFICACE AVEC ANIMATION par DarkM60
Source avec Zip Source avec une capture MENU XML ( AVEC TOUS UN TAS DE TRUCS ! ) par fguitton
Source avec Zip Source avec une capture MENU TSUNAMI V2 (AVEC XML) par waves
Source avec Zip Source avec une capture MENU TSUNAMI par waves

Commentaires et avis

Commentaire de zoolivier le 18/07/2009 14:08:24

Bravo, belle construction avec images chargées à l'extérieur, feuille de style pour manier le menu, un jolie paquet d'as, bref de quoi s'inspirer. Merci

Commentaire de Twinspirit le 18/07/2009 14:47:19

J'ai encore un petit bug quand les clics sont répétés très rapidement.

Je pense que c'est un conflit entre les fonctions de Tween. La solution est probablement d'intégrer les Tweens dans la classe des têtes du menu, et éviter qu'ils n'en partage un dans la racine.

Dès que j'ai la solution, je mettrai une mise à jour. Merci pour le commentaire. Les autres, n'hésitez pas à donner vos avis et critiques !

Commentaire de zoolivier le 18/07/2009 15:21:50

ah oui, vu le petit bug. Tu devrais bloquer le bouton au clic idem ou surtout pour les sous-menus (avec enabled) et le réactiver au clic suivant (en utilisant un tableau).
Ainsi tu éviterais ceci je pense. ?

Commentaire de GREGGRAPH le 21/07/2009 00:22:41 10/10

Est il possible de l'utiliser pour appeler des pages html?
En gros pour s'en servir comme menu en dehors d'une structure flash?

Commentaire de Twinspirit le 21/07/2009 00:24:54

Avec un peu de javascript, oui, c'est possible

Commentaire de dj_ouf le 21/07/2009 11:43:08

Félicitation, c'est très bien codé! Espérons que cela aidera beaucoup de débutants ;)

Commentaire de ademus le 20/08/2009 12:27:44

ce menu gére t il plus de 2 niveaux ?

Commentaire de Twinspirit le 20/08/2009 18:38:24

Non, pas dans cette forme, mais cela peut facilement être réalisé.

Commentaire de SeeYouLiberty le 17/10/2009 21:36:55

Merci pour cette source mais j'aurais une petite question.
Voilà je me sers de cette source pour un menu et mon menu est long.
Comment puis-je faire pour que l'ensemble du menu se déplace verticalement en suivant les mouvements de la souris.
Étant encore débutant en AS3 j'ai un peu de mal.

Merci d'avance pour les réponses

Commentaire de Twinspirit le 17/10/2009 23:50:01

C'est le grand problème de ce menu. La version 2 qui sera là prochainement, n'aura pas ce problème, grâce à une système d'ascenseurs et de mouvements suivant la souris.

Pour suivre le déplacement de la souris, c'est plus simple que ça en a l'air.

Si ce n'est pas fait dans cette version, créez un sprite par zone : un pour le menu, un pour la visualisation de l'entrée. Ainsi, si l'un bouge, l'autre peut rester en place.

Tout d'abord, on lit les mouvements de la souris sur le Sprite contenant les entêtes. Grace à une fonction conteneur.addEventListener(MouseEvent.MOUSE_MOVE, detecteMouvement);

Ensuite, on implante la fonction detecteMouvement comparera la position actuelle de la souris par rapport au milieu vertical du menu. Selon la position, une variable "decal" prend une valeur positive ou négative (ou nulle)

Le décalage est produit par une fonction de type EnterFrame, qui applique la valeur de la variable "decal" au menu, aprés avoir vérifié que le menu n'est pas en butée.

D'ici quelques semaines, aprés l'ouverture de mon site, de nouvelles sources, plus abouties, verront le jour. Celle-ci sera une des premières à être remaniée. Patience ! ;)

Commentaire de SeeYouLiberty le 17/10/2009 23:57:47

Est ce que tu pourrais juste mettre le code pour que je vois un peu comment tu vois la chose =)

Commentaire de Twinspirit le 19/10/2009 20:49:56

Voici un très bon tuto sur le sujet réalisé par JeMi.
Je ne crois pas pouvoir t'expliquer mieux que lui !

http://www.flashkod.com/tutoriaux/CREER-SCROLLBAR-ACTIONSCRIPT_890.aspx

J'espère que ça t'aura aidé.

Commentaire de Twinspirit le 19/10/2009 22:40:54

D'ailleurs, sur le site de l'auteur, c'est encore mieux :
http://www.brigade-des-tuts.com/flash/?p=9

Commentaire de Moi51000 le 03/11/2009 15:02:34 10/10

Bravo pour ce code et merci. Je débute dans Flash et je me rend compte de la complexité de cet outil mais en même temps de tout l'intérêt qu'il représente. Encore merci de nous fournir des outils accomplis qui nous permettent de faire nos propres essais.

Commentaire de Orange73 le 19/01/2010 22:28:07

Hello,

Je ne vois pas l'utilité de la POO dans ton exemple car tu ne prend pas part de l'encapsulation, du fait que lorsqu'on instancie cette classe twAccordeon (qui en plus devrait commencer par une majuscule), on ne peut modifier aucun parametres sans devoir aller dans le code directement...

Tu aurait pu faire des methode ou propriété public afin de loader le CSS en externe du genre monInstance.loadCSS("mystyles.css"); ou bien le xml : monInstance.setXMLFile("myxml.xml");

Du coup les personnes qui ne connaisse pas bien l'AS ou/et la POO ne peuvent customiser facilement le menu.

Sinon bonne source ;-)

Commentaire de Twinspirit le 20/01/2010 05:36:00

C'est marrant, je trouve qu'on suit un peu le même schema de progression, nous deux. Depuis cette source, je me suis attaché à rendre mon code bien plus conforme, et moins verbeux.

Aujourd'hui, je n'aurai pas fait comme ca du tout :)

Cela dit, même si cette source n'en utilise pas toutes les subtilités et comporte des maladresses de formes, la POO est son système d'instanciation reste justifiée et essentielle ici.
Pour les méthodes et propriétés publiques, tu as raison. Je ferai comme ca pour la V2.


Commentaire de sbso le 22/02/2010 18:54:41

Très belle réalisation.

Pourrais-tu prévoir, pour tes prochaines versions, - quitte à la rendre payante, ce n'est pas mon problème -
d'intégrer des objets swf par exemples.

Commentaire de Twinspirit le 22/02/2010 19:07:11

Merci !
La prochaine version arrivera fin mars, si je n'ai pas trop de boulot. Elle prévoira de nombreuses améliorations.

Commentaire de bennystitt le 03/03/2010 12:44:47

Bonjour,
Merci pour ce ZIP ! J'ai passé un bon moment à chercher un menu dynamique géré par XML. Merci pour ta contribution.

Commentaire de arta le 26/12/2010 10:28:18

Bonjour tous

Pour suivre la nouvelle version ?

Commentaire de Twinspirit le 26/12/2010 12:45:36

Bonjour !
C'est gentil d'être toujours intéresse par mon travail.
Il se trouve que peu de temps après cette source, j'ai eu la chance d'être embauché pour faire de l'infographie et du Flash par une agence de E-Learning.

Pour l'instant, je n'ai que peu de temps libre, et j'ai du abandonner provisoirement ces petits projets... Mais l'idée reste dans les tiroirs !

  

Commentaire de phdgnr le 26/06/2011 15:35:59

Encore une merde (une de plus) pas du tout configurable : (le xml est bloqué sur 1 parent/enfant. un truc sui sert à rien

Commentaire de izmouda le 24/11/2011 09:42:03

Bonjour Twinspirit,

Je trouve ce menu très sympas, je l'ai adopté pour un petit projet personnel. Je suis novice en la matière, je voudrais savoir si tu peux m'aider à mettre des liens sur les titres et sous-titres en lieu et place des images s'il te plaît.

d'avance merci !

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

menu avec XML de alcys - urls - xml? [ par Zipjo ] Bonjour a tous,J'ai téléchargé le menu de Alcys, cependant j'ai deux problèmes :a) je ne comprend pas très bien la structure du xmlb) comment mettre d Flash MX et XML [ par Kiouz ] Voila j'ai un menu en XML qui se trouve dans un swf à part. Dans celui-ci, il apparait et marche normalement.Mais quand je charge ce swf avec loadMovi Menu flash et xml [ par collombat ] je voudrais que mon menu déroulant (qui fait appel à un fichier xml) reste déroulé en passant d'une page à une autre. A chaque fois, il faut recliquer Prob menu XML [ par Alferox ] Salut,J'ai téléchargé ce menu:http://www.flashkod.com/article.aspx?ID=355Merci à l'auteur, mais je ne trouve pas comment ajouter des liens hypertext. menu flash et xml [ par CalamityJane ] Bonjour à tous,J'ai un problème avec un menu que j'ai fait avec flash et xml. mes liens ne marchent pas, le menu s'affiche correctement suivant l'arbo pb menu flash+xml [ par benesp ] Salut,j'ai un menu qui fonctionne avec un fichier flash, un fichier xml et une feuille de style.mon pb c'est que la police utilisée est (inductio) ell Menu Flash(dyn. avec XML) dans Frame HTML [ par Bob_Marley ] bonjour tlm!Voila j'ai un pti souci j'm'expliqueje voudrais inserer dans une frame html un menu réalisé en flashrempli dynamiquement avec un fichier X Menu XML ou TXT dynamique ? [ par pako56 ] Bonjour à tous,Je débute et j'ai chercher un peu sur les forums mais pas trouvé ce que je voulais.. alors voilà:Soit un menu genre menu xml : creation d'un état cliqué [ par tiago206 ] bonjour, voilà j'ai un menu qui est générer a partir d'un fichier xml qui contient le nom des différentes parties. pour le flash j xml flash frames [ par reso101 ] SalutJe cherche un moyen pour utiliser un menu elastik xml avec le système des frames ou mieux des niveaux sur flash (loadMovie).En effet quand je cli


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,170 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales