Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

15jan/094

Flex Curseur – Utiliser un Curseur personnalisé (SWF ou Image)

Pour les curseurs personnalisés, vous pouvez utiliser n'importe quelle image (JPEG, GIF, PNG ou SVG) Embed, un objet Sprite ou même un SWF. Pour assigner ce nouveau curseur, il faut utiliser la méthode setCursor() de CursorManager. Vous pouvez ensuite enlever ce curseur en utilisant la méthode removeCursor().

La méthode setCursor requiert au moins un paramètre: l'objet Class représentant l'élément graphique. Cette méthode retourne un ID (int) dont vous aurez besoin pour pouvoir supprimer le curseur. Vous pouvez passer l'ID à la méthode removeCursor() comme dans l'exemple suivant. Si vous avez perdu la référence à votre curseur (son ID), ne partez pas tout de suite, vous pouvez toujours le récupérer avec la propriété static CursorManager.currentCursorID.

L'exemple suivant utilise une image PNG comme curseur:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="initializeHandler(event)">
	<mx:Script>
		<![CDATA[
			import mx.managers.CursorManager;

			[Embed(source="assets/cd.png")]
			private var customCursor:Class;

			private var cursorID:int;

			private function initializeHandler(event:Event):void{
				cursorID = CursorManager.setCursor(customCursor);
			}
		]]>
	</mx:Script>

	<mx:Button label="Reset Cursor (cursorID)" click="CursorManager.removeCursor(cursorID);"/>

	<mx:Button label="Reset Cursor (currentCursorID)" click="CursorManager.removeCursor(CursorManager.currentCursorID);"/>

</mx:Application>

Flex Source Code Download: Télécharger le code source complet de l'application

This movie requires Flash Player 11

Articles similaires

Commentaires (4) Trackbacks (0)
  1. Salut,

    y a-t-il moyen de masquer le curseur personaliser quand on sort de l'ecran du swf ?
    comme le fait le curseur standard en gros.

  2. "quand on sort de l'ecran du swf" ? c'est a dire ?

    Fabien

  3. "écran du swf" ?
    c'est à dire, si je prend cette page, la zone qui contient la demo flex

    lorsque le curseur de ma souris quitte la démo pour venir ici par exemple, l'image qui dans la démo remplaçait mon curseur reste collée en bas de la démo.

  4. Ok, dans ce cas-là, il faut que tu utilises l'évènement Event.MOUSE_LEAVE sur ton stage. Plus d'info ici:
    http://www.mozartpetter.com/en/tip-i-need-to-know-when-the-mouse-leaves-the-stage

    Fabien


Leave a comment

(required)

Aucun trackbacks pour l'instant