Opprett et dokument klasse for Flash-fil; kalle det Main.as. Hvis du ikke er kjent med dokumentet klasser, les denne Quick Tips
pakke {import flash.display.MovieClip.; public class Hoved strekker MovieClip {offentlig funksjon main () {}}}

Det første vi skal gjøre med den ExternalInterface er kalle en Javascript-funksjon som vil endre bakgrunnsfargen på vår nettside. Så, feste en hendelse lytteren til vår ColorPicker komponent. Når fargeendringer, vil det sende hex verdien til en javascript funksjon kalt receiveColor ():
pakke {import fl.events.ColorPickerEvent; import flash.display.MovieClip; import flash.external.ExternalInterface; public class Hoved strekker MovieClip {offentlig funksjon main () {cp.addEventListener (ColorPickerEvent.CHANGE, colorChange); } Offentlig funksjon colorChange (event: ColorPickerEvent): void {ExternalInterface.call ("receiveColor", event.target.hexValue); //kaller receiveColor (event.target.hexValue) i javascript}}}

Nå må vi skrive dette receiveColor () -funksjonen. I hodet på vår HTML-dokument, starter vi script ved å definere denne funksjonen. Det tar rett og slett verdien sendt til den fra Flash og endrer bakgrunnsfargen
. ≪ script type = "text /javascript" > funksjon receiveColor (verdi) {document.bgColor = "#" + verdi;} < /script >

Sett at rett etter < head > i HTML-fil. Hvis alt er vel, når du kjører HTML-siden i en nettleser og endrer farge i ColorPicker, bør det endre bakgrunnsfargen på nettsiden

Det neste eksemplet vil være å sende data fra Javascript for å Flash. I HTML-dokument, lime inn følgende kode i < script > Tag du har lagt i det siste trinnet:
window.onload = function () {var avsender = document.getElementById ("avsender"); //getElementById finner et element i henhold til sin "id" eiendom sender.onclick = function () {var TA = document.getElementById ("textarea"); dokument ['externalInterface'] receiveText (ta.value.); ta.value = ""; };};

Her er hva dette betyr: etter at dokumentet er lagt, får vi den "avsender" -knappen og sett en hendelse lytteren til det. Når 'avsender' knappen klikkes, vil det ringe receiveText () -funksjonen i Flash som vi vil sette opp nå.

Tilbake i Flash, forteller vi ExternalInterface å registrere Actionscript-funksjonen slik at det kan være kalles fra Javascript. Deretter setter vi opp vår receiveText () -funksjonen:
pakke {import fl.events.ColorPickerEvent; import flash.display.MovieClip; import flash.external.ExternalInterface; public class Hoved strekker MovieClip {offentlig funksjon main () {cp.addEventListener (ColorPickerEvent.CHANGE, colorChange); ExternalInterface.addCallback ("receiveText", receiveText); //tillater Javascript for å få tilgang til receiveText () -funksjonen. } Offentlig funksjon colorChange (event: ColorPickerEvent): void {ExternalInterface.call ("receiveColor", event.target.hexValue); } //Dette er den nye receiveText funksjon offentlig funksjon receiveText (verdi: String): void {jsText.text = verdi; }}}

(Nye linjer er 5, 9 og 16-19.)

Vi kan også ringe varsler veldig enkelt fra Actionscript. Her er vi rett og slett fortelle ExternalInterface å kalle en "rask". Vi kan også bruke ExternalInterface å sende parametre til funksjoner. Her forteller vi den "rask" -funksjonen til å be brukeren hans eller hennes navn. Når vår bruker entrer info, er det gått tilbake til "promptText 'tekstfeltet
pakke {import fl.events.ColorPickerEvent.; import flash.display.MovieClip; import flash.external.ExternalInterface; public class Hoved strekker MovieClip {offentlig funksjon main () {cp.addEventListener (ColorPickerEvent.CHANGE, colorChange); ExternalInterface.addCallback ("receiveText", receiveText); prompt.addEventListener (MouseEvent.CLICK, promptClick); //gjør promptClick () løp når teksten knappen klikkes} offentlig funksjon colorChange (event: ColorPickerEvent): void {ExternalInterface.call ("receiveColor", event.target.hexValue); } Offentlig funksjon receiveText (verdi: String): void {jsText.text = verdi; } //Funksjon som skal kalles når teksten klikkes. Vil be om brukerens navn ved hjelp av en JS teksten. offentlig funksjon promptClick (event: MouseEvent): void {promptText.text = "Du sa navnet er:" + ExternalInterface.call ("rask", "Hva er ditt navn"); }}}

(Nye linjer er 10 og 21-24.)

En annen ting vi kan gjøre er å skrive våre egne Javascript-funksjoner som strenger, og deretter ringe dem fra ExternalInterface. Her skaper vi en Javascript-funksjon som mottar en parameter. Vi tar som parameter og tilordne verdien til innerhtml egenskap av vår 'textChange' div i HTML-dokumentet. Du vil merke at det er ingen eksterne Javascript-funksjoner blir kalt - det er alt som finnes i Action
pakke {import fl.events.ColorPickerEvent;. import flash.display.MovieClip; import flash.external.ExternalInterface; public class Hoved strekker MovieClip {offentlig funksjon main () {cp.addEventListener (ColorPickerEvent.CHANGE, colorChange); ExternalInterface.addCallback ("receiveText", receiveText); prompt.addEventListener (MouseEvent.CLICK, promptClick); change.addEventListener (MouseEvent.CLICK, changeClick); //gjør changeClick () løp når endringen knappen klikkes} offentlig funksjon colorChange (event: ColorPickerEvent): void {ExternalInterface.call ("receiveColor", event.target.hexValue); } Offentlig funksjon receiveText (verdi: String): void {jsText.text = verdi; } Offentlig funksjon promptClick (event: MouseEvent): void {promptText.text = "Du sa navnet er:" + ExternalInterface.call ("rask", "Hva er ditt navn"); } //Endrer teksten i HTML for å matche tekstfeltet innenfor Flash offentlig funksjon changeClick (event: MouseEvent): void {ExternalInterface.call (". Funksjon (param) {document.getElementById ('textChange') innerhtml = param;}" , changeText.text); changeText.text = ""; }}}

(Nye linjer er 11 og 26-30.)

Til slutt, vi kan kalle anonyme funksjonene både sider. I "anonym" -funksjonen, vi registrerer en anonym Actionscript-funksjonen med ExternalInterface. Funksjonen fyller litt tekst, og deretter starter en tidtaker. Neste, vi kaller en anonym Javascript-funksjon. Denne funksjonen forteller vinduet, når det er blitt endret størrelse, må det ringe tilbake til vår anonyme Actionscript-funksjonen
pakke {import fl.events.ColorPickerEvent.; import flash.display.MovieClip; import flash.external.ExternalInterface; public class Hoved strekker MovieClip {offentlig funksjon main () {cp.addEventListener (ColorPickerEvent.CHANGE, colorChange); ExternalInterface.addCallback ("receiveText", receiveText); prompt.addEventListener (MouseEvent.CLICK, promptClick); change.addEventListener (MouseEvent.CLICK, changeClick); //oppretter et nytt tidsur med ett sekund tick, og legge til en hendelse lytteren Var timer: Timer = new Timer (1000); timer.addEventListener (TimerEvent.TIMER, onTimer); anonym(); //setter opp de anonyme funksjoner} offentlig funksjon colorChange (event: ColorPickerEvent): void {ExternalInterface.call ("receiveColor", event.target.hexValue); } Offentlig funksjon receiveText (verdi: String): void {jsText.text = verdi; } Offentlig funksjon promptClick (event: MouseEvent): void {promptText.text = "Du sa navnet er:" + ExternalInterface.call ("rask", "Hva er ditt navn"); } Offentlig funksjon changeClick (event: MouseEvent): void {ExternalInterface.call (". Funksjon (param) {document.getElementById ('textChange') innerhtml = param;}", changeText.text); changeText.text = ""; } //Fjerne teksten etter ett sekund har gått offentlig funksjon onTimer (event: Timerevent): void {resizeText.text = ""; timer.stop (); } Offentlig funksjon anonym (): void {//se hvordan vi definerer en funksjon inne i en annen funksjon? ExternalInterface.addCallback ("anon", function () {resizeText.text = "Vinduet er endret."; Timer.start ();}); //samme gjelder her ExternalInterface.call ("function () {window.onresize = function () {document ['externalInterface'] anon ();.};}"); }}}

(Nye linjer er 13-17 og 37-52.)

ExternalInterface er en ekstremt kraftig og nyttig klasse. Med det kan du motta verdier og hendelser, alle utenfor SWF. Ha det gøy med det, og takk for lesing! Anmeldelser