2009-04-06 7 views
4

Notre équipe produit a demandé des curseurs personnalisés lors des opérations de glisser/déposer. Ils ont m'a fourni trois images pour mettre en œuvre:Adobe Flex/as3: Implémentation de curseurs personnalisés par glisser-déposer

  • ouvert à la main Grabber.png: affiche lorsqu'un utilisateur passe sur un élément qu'ils peuvent faire glisser
  • fermé à la main Grabber.png : l'article est traîné
  • fermé à la main Grabber-No-drop: élément déplacé sur une zone où il ne peut pas être abandonné

J'embarqué ces images dans l'application Flex et j'essaie maintenant de mettre en œuvre le comportement souhaité. Ma première pensée a été d'écouter les événements de glisser/déposer et de définir les curseurs en utilisant la méthode CursorManager.setCursor(). Cette solution semble très intensive en termes de code et je pense qu'il doit y avoir un moyen plus simple d'appréhender les différents états du curseur glisser/déposer.

Des idées?

Répondre

5

Découvrez les différents styles de curseur disponibles sur la classe DragManager:

copyCursor

defaultDragImageSkin

linkCursor

MoveCursor

rejectCursor

http://livedocs.adobe.com/flex/3/langref/mx/managers/DragManager.html

+0

OK, 80% là. Ajouté ce qui suit à css: DragManager { moveCursor: Intégrer (source = "resources/images/Closed-Hand-Grabber.png"); rejectCursor: Embed (source = "ressources/images/Closed-Hand-Grabber-No-Drop.png"); } La seule chose qui reste est le curseur mouseOver ... – user87659

+0

Got mouseOver en manipulant les événements mouseOver et mouseOut sur les listes. Parfait! – user87659

+2

Pensez-vous que vous pourriez ajouter le code complet en guise de réponse, j'ai ce même problème et je n'arrive pas à le faire fonctionner avec ce que vous avez posté en commentaire. Merci. – ChrisInCambo