Astuce créer un bouton Copier dans le Presse-papiers dans Flash

Le presse-papiers est un logiciel qui peut être utilisé pour le stockage de données à court terme et / ou le transfert de données entre documents ou applications, via des opérations de copier-coller..

Dans cette astuce, nous allons créer un bouton Copier dans le presse-papier dans Flash..


SWF final

L'exemple ci-dessous représente l'objectif que nous visons lors de cette astuce..

Appuyez sur Cmd + V (ou Ctrl + v sur un PC) pour coller le texte ailleurs.

Étape 1: bref aperçu

Deux TextFields seront placés sur la scène, un champ de saisie et un champ dynamique. Un bouton sera utilisé pour obtenir et copier le texte du champ de saisie dans le presse-papiers en affichant un message dans le champ dynamique.

Dans cette astuce, nous allons gérer le presse-papiers dans le plug-in du navigateur Flash Player. Cela signifie que nous n'aurons pas accès à la classe flash.desktop.Clipboard uniquement disponible dans AIR, ce qui réduira nos actions possibles.

Étape 2: Créer un nouveau fichier

Ouvrez Flash et créez un nouveau fichier Flash (ActionScript 3.0)..

Réglez la taille de la scène sur 320 x 240px.

Étape 3: Créer les champs de texte

Chaque InteractiveObject (c'est-à-dire chaque objet avec lequel l'utilisateur peut interagir) envoie copie et coller événements. Si l'objet qui a actuellement le focus est un TextField, le comportement par défaut de cet événement consiste à faire en sorte que le texte actuellement sélectionné dans le champ de texte soit copié dans le Presse-papiers. Vous pouvez écouter ces événements en utilisant:

myObject.addEventListener (Event.COPY, onCopy); myObject.addEventListener (Event.CUT, onCut); myObject.addEventListener (Event.PASTE, onPaste);

Dans cette astuce, nous allons nous concentrer sur la méthode System.setClipboard ()..

Sélectionnez l'outil Texte (T) et créez deux champs de texte, un champ dynamique et un champ de saisie..

Vous pouvez entrer du texte dans le champ de saisie pour l’utiliser par défaut. Entrez quelque chose qui doit être copié exactement comme il est écrit, comme une adresse email.

Étape 4: Définissez les noms d'instance

Ouvrez le panneau de propriétés et définissez les noms d'instance des champs comme indiqué dans l'image..

Étape 5: Créer un bouton

Un bouton appellera l'action copier vers le presse-papier.

Sélectionnez l'outil Rectangle (R), créez un rectangle de 60x28 px et remplissez-le avec # 333333. Ajouter un champ de texte statique en tant qu'étiquette.

Convertissez les formes en MovieClip (sélectionnez-les, puis cliquez sur Modifier> Convertir en symbole) et nommez le bouton copyButton.

Étape 6: Ouvrez le panneau Actions

presse Option + F9 ou aller à Fenêtre> Actions ouvrir le panneau d'actions.

Étape 7: écrire la fonction de copie

C'est la fonction qui va copier le texte dans le presse papier.

function copyText (e: MouseEvent): void System.setClipboard (myField.text); // La ligne principale messageField.text = "Copied!"; // Un message sera affiché dans le champ message comme commentaire

Étape 8: Ajouter un écouteur de souris

La fonction de copie est appelée par un MouseEvent.

Un écouteur d'événements sera ajouté au bouton, cela déclenchera la fonction copyText lorsque l'utilisateur cliquera sur le bouton.

 copyButton.addEventListener (MouseEvent.MOUSE_UP, copyText);

Étape 9: test

Enregistrez votre travail et appuyez sur Cmd + Retour exécuter l'application.

Appuyez sur Cmd + V (ou Ctrl + v sur un PC) pour coller le texte ailleurs.

Conclusion

Ceci est un exemple de base de la façon dont vous pouvez utiliser cette fonction. expérimenter et l'utiliser dans vos propres projets!

Merci d'avoir lu!