Snabbtips Ring jQuery Inside AS3 Använda jotAQuery

Kommunikation mellan Flash och Javascript är något som helst ActionScript-utvecklare ska vara bekant med; lyckligtvis finns det klasser som hjälper oss i processen. Läs igenom denna snabba tips för att lära dig hur lätt det är!

Steg 1: Varför skulle jag behöva Javascript?

Interaktivitet.

Från webbläsarintegration (tillbaka, framåtknappar) till fullständig swf-manipulering (modifiering av de inbyggda filmegenskaperna, parametrarna, etc.). Båda språken är mycket kraftfulla och kan vara ännu mer så när du kombinerar dem.

Rå Javascript kan kallas med hjälp av den externa gränssnittsklassen inbyggd i ActionScript 3, men föreställ dig kraften och enkelheten i jQuery och dess premade metoder och funktioner. Låter bra, låt oss se hur det är gjort.

Steg 2: ActionScript + jQuery

jotAQuery är en ActionScript-port till jQuery som möjliggör användning av jQuery-kod i en ActionScript 3-klass. De flesta jQuery-metoderna är tillgängliga att använda, även om vissa inte kan implementeras.

För att få jotAQuery att fungera behöver du den sammanställda Flash-filmen med jotAQuery-klasserna och HTML-filen där du ska bädda in swf-filen. Du måste också länka jQuery-biblioteket till din HTML-fil.

I nästa steg kommer vi att skapa ett enkelt exempel som kommer att blekna i en SWF-film med jQuery.

Steg 3: Hämta jotAQuery

Gå till jotAQuery google kodsidan och ladda ner källfilerna. Du måste bläddra igenom källan för att få de tre nödvändiga filerna eftersom de inte är markerade i nedladdningsavsnittet.

Steg 4: ActionScript

Förbered en ny ActionScript-klass och skriv följande kod:

 paket import flash.display.Sprite; importera com.singuerinc.as3.external. *; public final class Main sträcker sig Sprite public final function Main () / * Exempel Call * / / * $ ('# flashContent'). slideUp (300); * / / * Du kan också ladda kod med hjälp av denna syntax * / jQuery.execute (  );

Länk den här filen som dokumentklassen i din FLA och fortsätt till HTML-delen.

Steg 5: HTML

Du kan använda standard HTML-filen som exporteras av Flash (markera HTML-rutan i Publicera meny), länka bara till din jQuery-källfil:

 !DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   jotAQuery       ? html fortsätter här

Öppna den här filen och se effekten live!

Slutsats

Upptäck kraften i jQuery och prova olika exempel på interaktion. Jag hoppas att du gillade den här snabba tipsen, tack för att du läste!

Koda