Interaktion mit Schaltflächen in ActionScript3

Schritt 1:

Öffnen eines neuen ActionScript3 Dokuments in Flash CS4.

Schritt 2:

In die leere Bühne ein Rechteck reinziehen

Schritt 3:

Anschließend das Rechteck auswählen und mit einem Rechtsklick das Rechteck in ein Symbol konvertieren..

Schritt4:

Es öffnet sich anschließend ein Fenster, in dem der Name der Klasse oder des Symbols eingegeben werden muss.
Als Typ wird "Schaltfläche" definiert, damit Klick-Aktionen möglich werden.
Das Ganze kann man elegant in einen Ordner ablegen. Falls man noch keinen angelegt hat, geschieht dies durch einen Klick auf den blauen Text.

In diesem Fenster wird anschließend ein neuer Ordner angelegt.

Schritt 5:

Wir legen eine Instanz der Klasse "MeinKnopf" an. Dies geschieht über die Eigenschaften unseres blauen Rechtecks:
Ich nenne unsere Schaltfläche "btnMeinKnopf". Mit diesem Namen können wir später im Code auf dieses (instanzierte) Objekt zugreifen.

Schritt 6:

Wir definieren noch einen Output-Text, welcher als dynamisch definiert werden muss:

Als Instanznamen wähle ich "txtOutputText".
Der Typ des Texts ist "Dynamischer Text".

Schritt 7:

Wir stellen sicher, dass wir uns in der "Ebene 1" befinden und nicht irgendwo anders (sonst sperrt sich das ActionScript-Fenster):

Schritt 8:

Öffnen des ActionScript-Fensters mittels F9 oder Fenster -> Aktionen:

Schritt 9:

Die eigentliche Programmierung beginnt in folgendem Fenster "Aktionen" mit dem Tab: "Ebene 1":

 

Als Erstes muss die Klasse "flash.events.IEventDispatcher" importiert werden. Diese ist zuständig für die An- und Abmeldung der zuständigen Ereignisse, welche ausgeführt werden, wenn wir auf den Knopf klicken.

Nun zum eigentlichen Code:

import flash.events.IEventDispatcher;

btnMeinKnopf.addEventListener(MouseEvent.MOUSE_DOWN, clickHandler);

function clickHandler(event:MouseEvent):void {
    trace("clickHandler reagiert auf ein Ereignis vom Typ: " + event.type);
    trace("das Ereignis trat hier auf: " + event.target.name);
 txtOutputText.text = "Es funktioniert!";
}

Auf der zweiten Codezeile folgt die Anmeldung des Knopfs auf ein Ereignis "MOUSE_DOWN" - also wenn man die Maustaste runterdrückt.

Nun muss der Knopf nur noch wissen, welche Funktion sich darum kümmert, dass was geschieht. Also die Ausführung des eigentlichen Ereignisses findet in der Funktion "clickHandler" statt.

Die Funktion heißt "clickHandler", hat den Rückgabewert nichts, also void und den Parameter "event" vom Typ "MouseEvent". Ich habe in der Debugkonsole zwei Variablen innerhalb des Objekts "event" wie folgt ausgewertet:

Auf welches Ereignis wurde reagiert?
Wer hat die Funktion aufgerufen?

Schlussendlich setzen wir noch den Beispieltext auf "Es funktioniert!"

Ich hoffe, ihr konntet etwas von diesem Einsteigertutorial lernen ;-)