Flash-Tutorial für Drag & Drop

Adobe Flash ermöglicht es Ihnen, interaktive Präsentationen wie Dia-Shows und Spiele zu produzieren. Flash Actionscript Sprache bietet Methoden für Drag & drop-Funktionalität. Dies bietet eine gute Grundlage für ein interaktives Spiel zu erstellen, das Ihre Benutzer Kontrolle der Objektstandort gibt. Das folgende Beispiel gibt Ihnen eine Grundlage für das Verständnis dieser Methoden und bietet eine Basis für Sie aufbauen, um mittels Drag & drop in Ihre Präsentationen. Drag & Drop ist anders in den Versionen 2.0 und 3.0 der Sprache implementiert.

Anweisungen

ActionScript 2.0

1 Starten Sie Flash. Wählen Sie "Datei" und "Neu". Wählen Sie "Flash-Datei (Actionscript 2.0)" und klicken Sie auf "OK". In diesem Beispiel gibt "Excellent!", wenn der Ball in der Box platziert wird.

2 Wählen Sie das "Oval" Werkzeug aus dem Bedienfeld "Werkzeuge" und zeichnen Sie eine kleine Kugel zu. Verwenden Sie das Auswahl-Werkzeug (Pfeil), um es auszuwählen. Drücken Sie die Taste "F8" und wählen Sie die Option für "MovieClip." Klicken Sie auf "OK". Suchen Sie das Bedienfeld "Eigenschaften" und legen Sie das "< Instanzname >" Feld gibt "Smallball."

3 Wählen Sie das Werkzeug "Rechteck" und ziehen Sie eine große Kiste. Verwenden Sie das Auswahl-Werkzeug, um es auszuwählen. Drücken Sie die Taste "F8" und dann "OK". Legen Sie das Feld "< Instanzname >" zu "Bigbox."

4 Drücken Sie "F9", um das Fenster "Aktionen" oder Skript. Fügen Sie folgenden Code:

smallball.onPress = function() {}

this.startDrag();

}

smallball.onReleaseOutside = smallball.onRelease = function() {}

this.stopDrag();

// if smallball is dragged into bigbox

if( this._droptarget == "/ bigbox " ) {

trace("Excellent!");

}

}

5 Wählen Sie "Steuerung" und "Film testen" zum Testen des Codes.

ActionScript 3.0

6 Starten Sie Flash. Wählen Sie "Datei" und "Neu". Wählen Sie "Flash-Datei (Actionscript 3.0)" und klicken Sie auf "OK". In diesem Beispiel gibt "Excellent!", wenn der Ball in der Box platziert wird.

7 Wählen Sie das "Oval" Werkzeug aus dem Bedienfeld "Werkzeuge" und zeichnen Sie eine kleine Kugel zu. Verwenden Sie das Auswahl-Werkzeug (Pfeil), um es auszuwählen. Drücken Sie die Taste "F8" und wählen Sie die Option für "MovieClip." Klicken Sie auf "OK". Suchen Sie das Bedienfeld "Eigenschaften" und legen Sie das "< Instanzname >" Feld gibt "Smallball."

8 Wählen Sie das Werkzeug "Rechteck" und ziehen Sie eine große Kiste. Verwenden Sie das Auswahl-Werkzeug, um es auszuwählen. Drücken Sie die Taste "F8" und dann "OK". Legen Sie das Feld "< Instanzname >" zu "Bigbox."

9 Drücken Sie "F9", um das Fenster "Aktionen" oder Skript. Fügen Sie folgenden Code:

smallball.addEventListener (MouseEvent.MOUSE_DOWN, DragEvent);

smallball.addEventListener (MouseEvent.MOUSE_UP, DropEvent);

Funktion DragEvent(e:MouseEvent):void {}

smallball.startDrag();

}

Funktion DropEvent(e:MouseEvent):void {}

smallball.stopDrag();

// if smallball is dragged into bigbox

if( smallball.dropTarget.parent.name == "bigbox" ) {

trace("Excellent!");

}

}

10 Wählen Sie "Steuerung" und "Film testen" zum Testen des Codes.