Hurtig Tips Ring jQuery Inside AS3 Bruke jotAQuery

Kommunikasjon mellom Flash og Javascript er noe som en ActionScript-utvikler burde være kjent med; heldigvis er det klasser som hjelper oss i prosessen. Les gjennom denne raske tipsen for å lære hvor lett det er!

Trinn 1: Hvorfor skulle jeg trenge Javascript?

interaktivitet.

Fra nettleserintegrasjon (tilbake, fremoverknapper) til full swf-manipulering (modifisering av de faktiske innebygde filmegenskapene, parametrene, osv.). Begge språkene er veldig kraftige og kan være enda mer så når du kombinerer dem.

Rå Javascript kan bli kalt ved hjelp av den eksterne grensesnittklassen som er innebygd i ActionScript 3, men forestill deg kraften og enkelheten til jQuery og dens premade metoder og funksjoner. Høres bra ut, la oss se hvordan det er gjort.

Trinn 2: ActionScript + jQuery

jotAQuery er en ActionScript-port til jQuery som gjør det mulig å bruke jQuery-kode i en ActionScript 3-klasse. De fleste av jQuery-metodene er tilgjengelige for bruk, selv om noen ikke kan implementeres.

For å få jotAQuery til å fungere, trenger du den kompilerte Flash-filmen ved hjelp av jotAQuery-klassene og HTML-filen der du vil legge inn swf-filen. Du må også koble jQuery-biblioteket til HTML-filen din.

I de neste trinnene skal vi lage et enkelt eksempel som vil forsvinne i en SWF-film ved hjelp av jQuery.

Trinn 3: Last ned jotAQuery

Gå til jotAQuery google kodesiden og last ned kildefilene. Du må bla gjennom kilden for å få de tre nødvendige filene som de ikke er merket i nedlastingsdelen.

Trinn 4: ActionScript

Klargjør en ny ActionScript-klasse og skriv følgende kode:

 pakke import flash.display.Sprite; importer com.singuerinc.as3.external. *; offentlig sluttklasse Hoved utvider Sprite offentlig endelig funksjon Main () / * Eksempel på anrop * / / * $ ('# flashContent'). slideUp (300); * / / * Du kan også laste inn kode ved hjelp av dette syntaksen * / jQuery.execute (  );

Koble denne filen som dokumentklassen i FLA og gå videre til HTML-delen.

Trinn 5: HTML

Du kan bruke standard HTML-filen som eksporteres av Flash (merk HTML-boksen i publisere meny), bare lenke til jQuery kildefilen din:

 !DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   jotAQuery       ? html fortsetter her

Åpne denne filen og se effekten live!

Konklusjon

Oppdag kraften til jQuery og prøv forskjellige eksempler på interaksjon. Jeg håper du likte denne Quick Tip, takk for å lese!

Kode