Flash CS5 - Curseur

Cet article est une ébauche à compléter. Une ébauche est une entrée ayant un contenu (très) maigre et qui a donc besoin d'un auteur.

<pageby nominor="false" comments="false"/>

Objectifs d'apprentissage

• Etre capable de changer le curseur de la souris (mouse cursor) avec un des quatre modèles fournis
• Créer son propre curseur

Prérequis

• Univers Flash CS5
• Un peu de ActionScript (AS3) pour le début, par exempl Flash AS3 - Objets interactifs
• Pas mal de AS3 pour les exemples à la fin

Matériel (fichiers *.fla à manipuler)

• http://tecfa.unige.ch/guides/flash/ex5/curseur (répertoire)

Qualité et niveau

Ce tutoriel aidera les adeptes de la technique à démarrer. Le niveau de ce tutoriel est un peu haut pour les novices, mais peut servir comme des fiches pratiques dans un atelier.

Prochaines étapes

• ......

Autres versions

• aucune

Echanger le curseur par un des cinq quatre curseurs standard

ActionScript permet de redéfinir la forme du curseur de la souris:

Mouse.cursor=MouseCursor.ARROW;
Mouse.cursor=MouseCursor.AUTO; // Flash décide en fonction de l'objet sous la souris
Mouse.cursor=MouseCursor.BUTTON; // Normalement utilisé pour les boutons
Mouse.cursor=MouseCursor.HAND; // normalement utilisé pour le drag
Mouse.cursor=MouseCursor.IBEAM; // normalement utilisé pour les champs input text

Notation alternative:

Mouse.cursor="arrow";
etc.

Typiquement on associe une forme a un certain type d'événément, surtout des "roll over".

coke.addEventListener(MouseEvent.ROLL_OVER,overCoke);
coke.addEventListener(MouseEvent.ROLL_OUT,outCoke);

function overCoke(e:MouseEvent):void {
 Mouse.cursor="hand";
}

function outCokeClip(e:MouseEvent):void {
Mouse.cursor="auto";
}

Tutoriel: AS3 Tip: Mouse.cursor - A New Property in Flash Player 10 (flash&math)

Utiliser le simple drag and drop

(1) Définir un clip

• Dessinez un objet
• Transformez en clip
• L'instance sur la zone de travail doit avoir un nom, par exemple hand_mc.

(2) Dans AS3, utilisez la methode startDrag avec l'argument true et cachez la souris.

• Pour utiliser la méthode startDrag() introduite dans le tutorial Flash tutoriel drag and drop, il suffit deux lignes de code:

hand_mc.startDrag(true);
Mouse.hide();

Code:

• mouse-cursor-simple1.fla
• mouse-cursor-simple1.html

Ce code a le desavantage qu'il ne remplace pas vraiment le curser et ce qui pose un problème pour implémenter des applications drag and drop.

Créer un curseur natif avec MouseCursorData

Utiliser des "native mouse features" est la méthod de loin la plus efficace d'un point de vue performance car ce n'est pas flash qui doit calculer la trajectoire.

• Necessite la création d'un Bitmap object d'une taille maximale de 32x32 pixels.

Voir:

• MousCursorData
• Native Mouse cursor for Flash Player 10.2+
• Working with Native Mouse Features - For Flash Player 10.2+ in actionScript 3.0 (YouTube vidéo). Pour Flash developper

Créer son propre curseur avec Actionscript

Voir:

• http://www.flashandmath.com/howtos/cursor/

Liens

Chez Adobe:

• MousCursorData
• Mouse