Schneller Tipp Erkunden des Flash CS5-Codeausschnittsbedienfelds

In diesem Schnelltipp zeige ich Ihnen, wie Sie das brandneue Flash CS5 Code Snippets-Bedienfeld verwenden, um auf einfache Weise Tastatur- und Mausinteraktionen zu Ihren Projekten hinzuzufügen, ohne dass Sie dazu unbedingt AS3 lernen müssen. Lass uns einen Blick darauf werfen!

Endergebnisvorschau

Hier ist das Endergebnis, das wir erreichen werden. Mit Hilfe des Code-Snippets-Bereichs verwenden wir Click Movie Clip als Schaltfläche, um die Animation zu starten. Mit den Tastaturpfeilen können Sie auch das Logo "active.tutsplus.com" verschieben. Wenn Sie darauf klicken, gelangen Sie zur Website. Diese Funktionen werden mit Hilfe des Code Snippets Panel ausgeführt.


Schritt 1: Projekt laden

Laden Sie die Quell-ZIP-Datei mit dem Link oben herunter und extrahieren Sie sie irgendwo.

Öffnen Sie Adobe Flash Professional und klicken Sie auf Datei> Öffnen.


Schritt 2: Öffnen Sie die Quelldatei

Wählen Sie die heruntergeladene Quelldatei "Quick_Tip_Code_Snippets.fla" aus..


Schritt 3: Legen Sie den Instanznamen fest

Hier steht uns ein Flash-Banner zur Verfügung. Um einige Funktionen bereitzustellen, verwenden wir das neue Code-Snippets-Bedienfeld von Flash CS5. Beginnen wir mit "Click" Movie Clip. Wählen Sie die Ebene "Klicken" und dann den Movieclip selbst mit dem Auswahlwerkzeug (Abkürzung V). Geben Sie im Eigenschaftenfenster den Instanznamen "Click" an..


Schritt 4: Öffnen Sie das Fenster "Code-Snippets"

Öffnen Sie nun Ihr Code-Snippets-Fenster (wenn Sie es nicht sehen können, gehen Sie zu Fenster> Code-Snippets). Wählen Sie die Kategorie Timeline-Navigation> Klicken Sie hier, um zu Frame and Play zu gelangen. Doppelklicken Sie darauf.

P.S. Denken Sie daran, dass vor dem Öffnen von Code Snippets Panel der Movieclip "Click" ausgewählt werden muss.


Schritt 5: Ändern Sie den automatisch generierten Code

Danach wird das Aktionsfeld geöffnet und Sie sehen Code mit Anweisungen. Folgen Sie den Anweisungen und ändern Sie die Nummer 5 in den Klammern in Nummer 2. Dies führt dazu, dass unsere Animation ab Bild 2 abgespielt wird, wenn Sie auf unseren Movieclip "Klicken" klicken.

Ich habe ab Bild 2 einige Animationen zur Timeline hinzugefügt. Sie werden also nach dem Klicken auf die Schaltfläche abgespielt.


Schritt 6: ActiveTuts-Movieclip

Als nächstes sollten wir unserem ActiveTuts Movie Clip einige Funktionen zuweisen. Wählen Sie es auf der Bühne aus und geben Sie den Instanznamen "ActiveTuts"..


Schritt 7: Bewegung mit der Tastatur

Wenn der Movieclip "ActiveTuts" ausgewählt ist, gehen Sie zu Code-Snippets> Animation> Mit Tastaturpfeilen verschieben. Wir werden die Standardparameter des Codes nicht ändern, da sie gut funktionieren. Mit dieser Funktion können wir unseren ActiveTuts Movie Clip mit den Tastaturpfeilen verschieben.


Schritt 8: Klickbarer Link

Lassen Sie uns außerdem unseren ActiveTuts Movie Clip wie einen Link verhalten. Gehen Sie erneut zu Code Snippets Panel> Actions> Click, um zur Webseite zu gelangen.

Sie sollten den folgenden Code in Ihrem Aktionsbereich haben:


Schritt 9: URL

Unser Aktionsbereich wird geöffnet und dort werden einige Anweisungen zum Ändern der benötigten URL angezeigt. In meinem Fall werde ich es in "http://active.tutsplus.com" ändern..

Das letzte, was wir brauchen, ist ein halt() Funktion am Ende des Codes in Bild 1. Danach können Sie eine Vorschau des erreichten Ergebnisses anzeigen.

Fazit

Sie wissen jetzt, wie Sie das neue Code-Snippets-Bedienfeld verwenden können! Es ist sowohl für Leute geeignet, die AS3 kennen (spart Zeit), als auch für diejenigen, die anfangen, sich damit zu beschäftigen. Es gibt die Möglichkeit, den Objekten einige Aktionen hinzuzufügen, ohne eine einzige Codezeile zu schreiben!

Ich hoffe, Ihnen hat dieser Quick Tip gefallen und er wird Ihnen helfen. Danke fürs Lesen!

Editor: Nur eine letzte Sache - vergessen Sie nicht, dass Sie alle Ihre Code-Snippets auf snipplr.com, der neuesten Erweiterung des Envato-Netzwerks, speichern und freigeben können!