Schnelltipp jQuery Inside AS3 mit jotAQuery aufrufen

ActionScript-Entwickler sollten mit der Kommunikation zwischen Flash und Javascript vertraut sein. Zum Glück gibt es Klassen, die uns dabei unterstützen. Lesen Sie diesen Quick Tip durch, um zu erfahren, wie einfach es ist!


Schritt 1: Warum brauche ich Javascript??

Interaktivität.

Von der Browserintegration (Zurück, Vorwärts-Schaltflächen) bis zur vollständigen SWF-Bearbeitung (Ändern der tatsächlichen Eigenschaften, Parameter usw. des eingebetteten Films). Beide Sprachen sind sehr mächtig und können sogar mehr sein, wenn Sie sie kombinieren.

Rohes Javascript kann mit der in ActionScript 3 integrierten External Interface-Klasse aufgerufen werden. Stellen Sie sich jedoch die Leistungsfähigkeit und Einfachheit von jQuery und seine vorgefertigten Methoden und Funktionen vor. Klingt gut, mal sehen, wie es gemacht wird.


Schritt 2: ActionScript + jQuery

jotAQuery ist ein ActionScript-Port für jQuery, der die Verwendung von jQuery-Code in einer ActionScript 3-Klasse ermöglicht. Die meisten jQuery-Methoden stehen zur Verfügung, einige können jedoch nicht implementiert werden.

Damit jotAQuery funktioniert, benötigen Sie den kompilierten Flash-Film mit den jotAQuery-Klassen und der HTML-Datei, in die Sie swf einbetten. Sie müssen auch die jQuery-Bibliothek mit Ihrer HTML-Datei verknüpfen.

In den nächsten Schritten erstellen wir ein einfaches Beispiel, das mithilfe von jQuery einen SWF-Film einblendet.


Schritt 3: Laden Sie jotAQuery herunter

Gehen Sie zur jotAQuery-Google-Codepage und laden Sie die Quelldateien herunter. Sie müssen die Quelle durchsuchen, um die drei erforderlichen Dateien zu erhalten, da sie nicht im Downloadbereich markiert sind.


Schritt 4: ActionScript

Bereiten Sie eine neue ActionScript-Klasse vor und schreiben Sie den folgenden Code:

 package import flash.display.Sprite; import com.singuerinc.as3.external. *; public final class Main erweitert Sprite public final function Main () / * Beispiel Call * / / * $ ('# flashContent'). slideUp (300); * / / * Sie können Code auch mit dieser Syntax laden. * / JQuery.execute (  ); 

Verknüpfen Sie diese Datei als Dokumentklasse in Ihrer FLA und fahren Sie mit dem HTML-Teil fort.


Schritt 5: HTML

Sie können die von Flash exportierte Standard-HTML-Datei verwenden (markieren Sie das HTML-Feld in der Veröffentlichen Menü), verlinken Sie einfach auf Ihre jQuery-Quelldatei:

 !DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // DE" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">   jotAQuery       
? html geht hier weiter

Öffnen Sie diese Datei und sehen Sie den Effekt live!


Fazit

Entdecken Sie die Möglichkeiten von jQuery und probieren Sie verschiedene Beispiele für die Interaktion. Ich hoffe, Ihnen hat dieser Quick Tip gefallen, vielen Dank für das Lesen!