Adobe Flex Tutorial - Adobe Flex Tutorial

15jan/091

Flex Curseur – Mettre un curseur occupé avec le CursorManager

Par défaut, le curseur d'une application Flex est un pointeur, sauf quand on passe au dessus d'un élément de texte éditable/sélectionnable. En utilisant la classe mx.managers.CursorManager, vous pouvez contrôler le curseur affiché par l'application. Cela peut être utile pour donner à l'utilisateur un indice visuel sur le statut de l'application (occupé, en chargement,...).

La classe CursorManager contient de nombreuses méthodes static permettant de contrôler le curseur dont: afficher/enlever le busy cursor (comme le sablier Windows) ou afficher/enlever les curseurs personnalisés.

Le framework Flex n'a qu'un seul curseur prédéfini (si on ne compte pas le pointeur). Ce curseur prédéfini est le busy cursor, c'est-à-dire le curseur d'occupation. C'est une petite horloge avec les aiguilles qui tournent pour indiquer à l'utilisateur que quelque chose se passe. La classe CursorManager a deux méthodes static pour afficher et supprimer le busy cursor: setBusyCursor() et removeBusyCursor().

L'exemple suivant montre comme afficher ce busy cursor, avec deux boutons appelant chacune des fonctions static:

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

<mx:VBox>
<mx:Button label="Afficher le busy Cursor Flex" click="CursorManager.setBusyCursor()"/>
<mx:Button label="Enlever le busy Cursor Flex" click="CursorManager.removeBusyCursor()"/>
</mx:VBox>

</mx:Application>

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

This movie requires Flash Player 11

Remplis sous: CursorManager, Exemple || Taggé comme: CursorManager, removeBusyCursor, showBusyCursor Laisser un commentaire

Articles similaires

Commentaires (1) Trackbacks (0) (Souscrire aux commentaires de cet article)

YAHIAOUI Mohamed
5 octobre 2009

Simple et concis, aussi CursorManager peut aller plus loin avec setCursor() et removeCursor(), créer ces propres curseurs en png et les afficher avec setCursor comme suit :

COPIER-COLLER
MXML:
<?xml version="1.0" encoding="utf-8"?>



<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical"

verticalAlign="middle"

backgroundColor="white">

<mx:Script>

<![CDATA[

import mx.managers.CursorManager;

[Bindable]

[Embed(source="assets/bug.png")]

private var BugIcon:Class;

[Bindable]

[Embed(source="assets/bug_delete.png")]

private var BugDeleteIcon:Class;

private var cursorID:int;

]]>

</mx:Script>

<mx:ApplicationControlBar dock="true">

<mx:Button label="setBusyCursor()"

click="CursorManager.setBusyCursor();" />

<mx:Button label="removeBusyCursor()"

click="CursorManager.removeBusyCursor();" />

</mx:ApplicationControlBar>

<mx:Button label="setCursor()"

width="100"

height="100"

rollOver="cursorID = CursorManager.setCursor(BugIcon);"

rollOut="CursorManager.removeCursor(cursorID);" />

</mx:Application>