« Flash CS5 - Curseur » : différence entre les versions
m (using an external editor) |
m (using an external editor) |
||
Ligne 17 : | Ligne 17 : | ||
'''Matériel (fichiers *.fla à manipuler)''' | '''Matériel (fichiers *.fla à manipuler)''' | ||
* http://tecfa.unige.ch/guides/flash/ex5/ | * http://tecfa.unige.ch/guides/flash/ex5/mouse-cursor (répertoire) | ||
'''Qualité et niveau''' | '''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 | 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 fiche pratique dans un atelier. | ||
'''Prochaines étapes''' | '''Prochaines étapes''' | ||
Ligne 69 : | Ligne 69 : | ||
== Utiliser le simple drag and drop == | == Utiliser le simple drag and drop == | ||
Cette méthode est facile à implémenter, mais ne sert pas à grand chose en tant que telle comme elle ne remplace pas vraiment le curseur. | |||
'''(1) Définir un clip''' | '''(1) Définir un clip''' | ||
Ligne 89 : | Ligne 91 : | ||
* [http://tecfa.unige.ch/guides/flash/ex5/mouse-cursor/mouse-cursor-simple1.html mouse-cursor-simple1.html] | * [http://tecfa.unige.ch/guides/flash/ex5/mouse-cursor/mouse-cursor-simple1.html 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. | 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. Enfin, à poursuivre ... | ||
== Créer un curseur natif avec MouseCursorData == | == Créer un curseur natif avec MouseCursorData == | ||
Ligne 98 : | Ligne 100 : | ||
Voir: | Voir: | ||
* [http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/ui/MouseCursorData.html | * [http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/ui/MouseCursorData.html MouseCursorData] | ||
* [http://cookbooks.adobe.com/post_Native_Mouse_cursor_for_Flash_Player_10_2_-18576.html Native Mouse cursor for Flash Player 10.2+] | * [http://cookbooks.adobe.com/post_Native_Mouse_cursor_for_Flash_Player_10_2_-18576.html Native Mouse cursor for Flash Player 10.2+] | ||
* [http://www.youtube.com/watch?v=rtc3DYSuahI&feature=player_embedded Working with Native Mouse Features - For Flash Player 10.2+ in actionScript 3.0] (YouTube vidéo). Pour Flash developper | * [http://www.youtube.com/watch?v=rtc3DYSuahI&feature=player_embedded Working with Native Mouse Features - For Flash Player 10.2+ in actionScript 3.0] (YouTube vidéo). Pour Flash developper |
Version du 17 février 2012 à 18:34
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/mouse-cursor (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 fiche pratique 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
Cette méthode est facile à implémenter, mais ne sert pas à grand chose en tant que telle comme elle ne remplace pas vraiment le curseur.
(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:
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. Enfin, à poursuivre ...
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:
- MouseCursorData
- 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:
Liens
Chez Adobe: