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

Matériel (fichiers *.fla à manipuler)

• http://tecfa.unige.ch/guides/flash/ex5/ (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 son propre curseur

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