Snabbtips Skapa en kopia till urklippsknapp i Flash

Urklippet är en mjukvaruanläggning som kan användas för kortvarig datalagring och / eller dataöverföring mellan dokument eller program, via kopiering och klistra in.

I den här snabba tipsen skapar vi en kopia till utklippstavla i Flash.

Slutlig SWF

Exemplet nedan är vad vi ska sikta på under denna Snabba Tips.

Tryck Cmd + V (eller Ctrl + v på en dator) för att klistra in texten någon annanstans.

Steg 1: Kortfattad översikt

Två TextFields kommer att placeras på scenen, ett inmatningsfält och ett dynamiskt fält. En knapp kommer att användas för att få och kopiera textfältet till klippbordet som visar ett meddelande i det dynamiska fältet.

Nu kommer vi att hantera klippbordet i plug-inen Flash Player Browser, det betyder att vi inte har tillgång till flash.desktop.Clipboard-klassen som endast är tillgänglig i AIR, vilket minskar våra möjliga åtgärder.

Steg 2: Skapa en ny fil

Öppna Flash och skapa en ny Flash-fil (ActionScript 3.0).

Ställ in scenstorleken till 320 x 240px.

Steg 3: Skapa textfälten

Varje InteractiveObject (det vill säga varje objekt som användaren kan interagera) skickar kopia och klistra evenemang. Om objektet som för närvarande har fokus är en TextField, är standardhändelsen för den här händelsen att få någon aktuell markerad text i textfältet att kopieras till urklippet. Du kan lyssna på dessa händelser med:

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

I detta tips fokuserar vi på System.setClipboard () -metoden.

Välj Textverktyget (T) och skapa två textfält, ett dynamiskt och ett inmatningsfält.

Du kan ange lite text i inmatningsfältet för att använda det som standard. Ange något som behöver kopieras exakt som det är skrivet, som en e-postadress.

Steg 4: Ange instansnamnen

Öppna Egenskaperpanelen och ange fältens förekomstnamn som visas i bilden.

Steg 5: Skapa en knapp

En knapp kommer att ringa kopian till klippbordet.

Välj Rektangelverktyget (R), skapa en 60x28 px rektangel och fyll i det med # 333333. Lägg till ett statiskt textfält som en etikett.

Konvertera formerna till MovieClip (välj dem och klicka sedan på Ändra> Konvertera till symbol) och namnge knappen copyButton.

Steg 6: Öppna åtgärdspanelen

Tryck Alternativ + F9 eller gå till Fönster> Åtgärder för att öppna åtgärdspanelen.

Steg 7: Skriv kopieringsfunktionen

Det här är den funktion som kommer att kopiera texten till urklippet.

funktion copyText (e: MouseEvent): void System.setClipboard (myField.text); // Huvudraden messageField.text = "Copied!"; // Ett meddelande kommer att visas i meddelandetField som feedback

Steg 8: Lägg till en muslistare

Kopia funktionen kallas av en MouseEvent.

En händelselysare läggs till i knappen, detta kommer att utlösa copyText-funktionen när användaren klickar på knappen.

 copyButton.addEventListener (MouseEvent.MOUSE_UP, copyText);

Steg 9: Test

Spara ditt arbete och tryck på Cmd + Retur att köra programmet.

Tryck Cmd + V (eller Ctrl + v på en dator) för att klistra in texten någon annanstans.

Slutsats

Detta är ett grundläggande exempel på hur du kan använda denna funktion; Experimentera och använda det i dina egna projekt!

Tack för att du läser!