La comunicazione tra Flash e Javascript è qualcosa che qualsiasi sviluppatore di ActionScript dovrebbe avere familiarità con; fortunatamente, ci sono classi che ci aiutano nel processo. Leggi questo suggerimento per scoprire quanto sia facile!
interattività.
Dall'integrazione del browser (pulsanti indietro, avanti) alla manipolazione completa swf (modifica delle proprietà del film incorporato, parametri, ecc.). Entrambe le lingue sono molto potenti e lo sono ancora di più quando le combini.
Raw Javascript può essere chiamato usando la classe External Interface integrata in ActionScript 3, ma immagina la potenza e la semplicità di jQuery e dei suoi metodi e funzioni premade. Sembra fantastico, vediamo come è fatto.
jotAQuery è una porta ActionScript per jQuery che consente l'utilizzo del codice jQuery all'interno di una classe ActionScript 3. La maggior parte dei metodi jQuery è disponibile, anche se alcuni non possono essere implementati.
Per far funzionare jotAQuery è necessario il filmato Flash compilato utilizzando le classi jotAQuery e il file HTML in cui incorpori lo swf. Dovrai inoltre collegare la libreria jQuery al tuo file HTML.
Nei prossimi passi creeremo un semplice esempio che si dissolverà in un film SWF usando jQuery.
Vai alla code page google di jotAQuery e scarica i file sorgente. Dovrai sfogliare la fonte per ottenere i tre file necessari in quanto non sono contrassegnati nella sezione download.
Preparare una nuova classe ActionScript e scrivere il seguente codice:
pacchetto import flash.display.Sprite; import com.singuerinc.as3.external. *; public final class Main extends Sprite funzione public final Main () / * Esempio Call * / / * $ ('# flashContent'). slideUp (300); * / / * Puoi anche caricare il codice usando questa sintassi * / jQuery.execute ();
Collega questo file come classe del documento nel tuo FLA e procedi alla parte HTML.
È possibile utilizzare il file HTML predefinito esportato da Flash (contrassegnare la casella HTML nel file Pubblicare menu), basta collegarsi al file sorgente jQuery:
!DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">jotAQuery ? html continua quiApri questo file e guarda l'effetto dal vivo!
Conclusione
Scopri la potenza di jQuery e prova diversi esempi di interazione. Spero che questo suggerimento ti sia piaciuto, grazie per la lettura!