Extrait de code Flash Drag and Drop

• Avril 26, 2024

Flash CS5 comprend des extraits de code que vous pouvez utiliser comme point de départ pour vos projets. Jetons un coup d'œil à l'extrait de code glisser-déposer.

Démarrez un nouveau projet ActionScript 3.0. Vous remarquerez que nous avons l'image par défaut sur le calque 1 dans la chronologie et une étape vide.

Ouvrez le panneau Extraits de code (Fenêtre � Extraits de code). Vous trouverez l'extrait de code Drag and Drop dans le dossier Actions.

Pour appliquer un extrait de code, double-cliquez simplement sur le nom de l'extrait dans le panneau. Cependant, lorsque nous faisons cela, Flash^R nous dit que nous devons attacher l'extrait de code à un objet sur la scène. Un extrait de code peut être ajouté à un clip ou à un objet texte TLF. Dessinons un carré sur la scène avec l'outil Rectangle. Maintenant, sélectionnez le carré sur la scène et double-cliquez à nouveau sur l'extrait.

Maintenant, Flash nous dit que nous devons convertir le carré en un clip et donner au clip un nom d'instance. Il propose de le faire pour nous. Alors, cliquez sur OK. Le panneau Actions s'ouvrira automatiquement pour afficher notre code glisser-déposer. Fermez ce panneau pendant un petit moment afin que nous puissions examiner ce qui s'est passé dans notre Flash Flash.

Sur la timeline, nous avons maintenant une nouvelle couche Actions (couche supérieure) et l'image 1 a un petit "a" pour indiquer que le code ActionScript a été ajouté à cette image. Nous avons toujours notre calque 1 avec le carré mais si nous cliquons sur le carré et regardons le panneau Propriétés, nous voyons que Flash en a fait un nouveau clip nommé "Symbole 1" avec un nom d'instance "movieClip_1".

Nous pouvons maintenant tester notre film Flash. Cliquez sur Contrôle � Tester l'animation � dans Flash Professional. Cliquez sur le carré et faites-le glisser vers un autre emplacement sur la scène.

Ouvrons à nouveau le panneau Actions et vérifions le code. L'extrait de code contient des fonctions et deux écouteurs d'événements. La première ligne de code (après le commentaire) ajoute un écouteur d'événements à notre movieClip_1. L'écouteur d'événements écoute l'événement MOUSE_DOWN MouseEvent. Lorsque Flash remarque que le bouton de la souris a été cliqué, il exécute la première fonction appelée fl_ClickToDrag.

La fonction fl_ClickToDrag applique le startDrag (); fonction à notre movieClip_1. Cette fonction startDrag est une fonction Flash "intégrée" qui permet de faire glisser la cible (movieClip_1) sur la scène. Nous ne pouvons avoir qu'un seul clip vidéo déplaçable à la fois et ce clip vidéo peut être déplacé jusqu'à ce que deux choses se produisent. Le premier est un stopDrag (); est appelée. Nous en parlerons dans les prochains paragraphes. La seconde consiste à appliquer startDrag (); fonction à un autre objet sur la scène.

Maintenant que nous pouvons faire glisser notre clip, nous devons regarder le code qui "déposera" notre clip. Comme vous pouvez le voir, la ligne de code suivante ajoutera un écouteur d'événements à la scène (pas le clip). Il indique à Flash d'écouter le MOUSE_UP MouseEvent et d'exécuter la fonction fl_ReleaseToDrop lorsque cela se produit.

La fonction fl_ReleaseToDrop applique une autre fonction Flash intégrée stopDrag (); à l'objet movieClip_1. Cette fonction arrête ou supprime la capacité startDrag () du clip vidéo.

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: Flash-Drag and Drop (Avril 2024).