Formation flex : Drag and Drop – Glisser Déposer
Par Dai, samedi 29 mars 2008 à 20:21 :: Cours et Formation Flex - AIR :: #53 :: rss
Apres une période d’inactivité sur mon blog, par manque de temps, j’entame ici le dernier chapitre qui clos la formation ? flex, ? savoir, un tutoriel sur le Drag and Drop.
Qu’est ce que le « Glisser-Déposer »
Le glisser-déposer vous permet de sélectionner un objet d’un composant, de le déplacer au dessus d’un autre composant et de l’ajouter ? ce composant. Il faut savoir que tous les composants Flex supportent le Drag and Drop.
Comment ça marche ?
Quelques événements ? connaitre :
mouseDown : se déclenche au clic sur l’objet ? déplacer
dragComplete : Emis vers l’initiateur du glisser lorsque l’opération de glisser se termine
Gestionnaires d’événements :
dragEnter : est émis quand l’objet ? déplacer entre dans la zone ? déposer. En général, c’est ? ce moment qu’on appelle la méthode acceptDragDrop() pour signaler que la cible déposer peut accepter le déposer.
dragDrop est émis vers la cible du déposer lorsque la souris est relâchée au dessus.
Retrouvez tous les détails et explications complètes dans le pack du chapitre 14.
Le principe
Je résume ici les grandes lignes pour comprendre comment tout cela marche.
1.Au clic sur le composant ? déplacer, mouseDown appelle la méthode DragManager.doDrag() qui enclenche le processus et permet de déplacer ce dernier dans un composant.
2.Une fois l’objet arrive dans la zone cible, dragEnter appelle ? son tour une méthode qui vérifie le « format », cad si la source peut être acceptée ou non dans cette zone cible. Il ne faut pas oublier qu’on peut très bien définir plusieurs zones cibles pour accepter différents objets.
3.On récupère les données dans le composant cible. Pour cela, drapDrop appelle sa méthode prenant en paramètre un event :DragEvent. On obtient les données sources dans event.dragSource.dataForFormat() et la cible s’obtient avec event.currentTarget
Il se peut que tout cela paraisse très abstrait, ou assez confus, ne vous inquiétez pas. Regardez dans les exemples fournis et le Drag and Drap n’aura plus de secret pour vous.
La dernière partie concerne les manipulations de souris, je vous laisse le soin de le découvrir.
conclusion
Ceci termine notre formation ? la technologie Flex ? travers les 14 chapitres. J’espère que l’ensemble vous a plus et que vous savez maintenant ? peut prêt tout faire avec. A très bientôt, pour la suite des technologies web.
Télécharger le chapitre 14: Flex Drag And Drop





Commentaires
1. Le lundi 28 avril 2008 à 23:44, par Marco
2. Le mardi 25 novembre 2008 à 00:41, par étudiant blogueur de l'école marocaine encg de settat
3. Le jeudi 29 janvier 2009 à 16:50, par flex fan
4. Le lundi 1 février 2010 à 16:43, par nike outlet
Ajouter un commentaire