Creazione di applicazioni con ActionScript

Memorizzazione del codice nei fotogrammi di una linea temporale di Flash Professional

In Flash Professional, potete aggiungere codice ActionScript a qualunque fotogramma della linea temporale. Il codice viene eseguito durante la riproduzione del filmato, nel momento in cui l'indicatore di riproduzione arriva al fotogramma.

L'inserimento di codice ActionScript nei fotogrammi rappresenta un modo semplice per aggiungere comportamenti alle applicazioni realizzate in Flash Professional. È possibile aggiungere codice a qualunque fotogramma della linea temporale principale o della linea temporale di qualsiasi simbolo MovieClip. Tuttavia, questa flessibilità ha un prezzo. Quando si creano applicazioni di grandi dimensioni, diventa difficile ricordare quali script sono stati inseriti in quali fotogrammi, di conseguenza l'applicazione può diventare complicata da gestire con il passare del tempo.

Molti sviluppatori scelgono di semplificare l'organizzazione del codice ActionScript usato in Flash Professional inserendolo solo nel primo fotogramma di una linea temporale oppure su un livello specifico del documento Flash. La separazione del codice semplifica l'individuazione e la gestione del codice contenuto nei file FLA di Flash. Tuttavia, lo stesso codice non può essere utilizzato in un altro progetto Flash Professional senza copiare e incollare il codice nel nuovo file.

Per semplificare l'utilizzo del codice ActionScript in altri progetti Flash Professional futuri, memorizzate il codice in file ActionScript esterni (file di testo con estensione .as).

Incorporazione del codice nei file MXML di Flex

In un ambiente di sviluppo Flex come Flash Builder, potete includere codice ActionScript all'interno di un tag <fx:Script> in un file MXML di Flex. Questa tecnica può, tuttavia, aggiungere complessità a progetti di grandi dimensioni e rendere più difficile utilizzare lo stesso codice in un altro progetto Flex. Per semplificare l'utilizzo di codice ActionScript in altri progetti Flex futuri, memorizzate il codice in file ActionScript esterni.

Memorizzazione del codice in file ActionScript

Se un progetto prevede un uso intensivo di codice ActionScript, il modo migliore per organizzarlo è inserirlo in file di origine distinti con l'estensione .as. I file ActionScript possono essere strutturati in due modi diversi, a seconda di come si intenda utilizzarli all'interno dell'applicazione.

• Codice ActionScript non strutturato: righe di codice ActionScript, istruzioni e definizioni di funzioni comprese, scritte come se fossero immesse direttamente nello script della linea temporale o nel file MXML.

  Potete accedere a questo tipo di codice usando l'istruzione include di ActionScript o il tag <fx:Script> in un file MXML di Flex. L'istruzione include di ActionScript indica al compilatore di inserire il contenuto di un file ActionScript esterno in una posizione specifica e con un'area di validità specifica all'interno di uno script. Il risultato finale è identico a quello che si otterrebbe se il codice venisse inserito direttamente in tale posizione. Nel linguaggio MXML, l'utilizzo di un tag <fx:Script> con un attributo source identifica un codice ActionScript esterno caricato dal compilatore in quel punto dell'applicazione. Ad esempio, il tag seguente carica il file ActionScript esterno Box.as:

  <fx:Script source="Box.as" />

• Definizione classe ActionScript: definizione di una classe ActionScript, che comprende le definizioni dei metodi e delle proprietà.

  Quando definite una classe potete accedere al codice ActionScript nella classe creando un'istanza della classe e utilizzando le proprietà, i metodi e gli eventi corrispondenti. Utilizzare classi personali non è diverso dall'utilizzare qualsiasi classe ActionScript incorporata e richiede due parti:

  • Usare l'istruzione import per specificare il nome completo della classe affinché il compilatore ActionScript sappia dove trovarla. Ad esempio, per utilizzare la classe MovieClip in ActionScript, importate la classe specificando il nome completo, costituito da pacchetto e classe:

    import flash.display.MovieClip;

    In alternativa, si può importare il pacchetto che contiene la classe MovieClip, il che equivale a scrivere un'istruzione import separata per ogni classe del pacchetto:

    import flash.display.*;

    Si sottraggono a questa regola le classi di primo livello, che non sono definite all'interno del pacchetto.

  • Scrittura di codice che usa esplicitamente il nome classe. Ad esempio, dichiarate un variabile con la classe come tipo di dati e create un'istanza della classe da memorizzare nella variabile. L'uso di una classe nel codice ActionScript indica al compilatore di caricare la definizione di tale classe. Ad esempio, data una classe esterna chiamata Box, l'istruzione seguente crea una nuova istanza di tale classe:

    var smallBox:Box = new Box(10,20);

    Quando incontra per la prima volta il riferimento alla classe Box, il compilatore cerca nel codice sorgente disponibile la definizione della classe Box.

Flash Builder

Adobe Flash Builder è lo strumento privilegiato per la creazione di progetti con il framework Flex o progetti costituiti principalmente da codice ActionScript. Flash Builder include anche un editor ActionScript completamente funzionale nonché un layout visuale e funzionalità di modifica MXML. Può essere usato per creare progetti Flex o ActionScript puri. Le applicazioni Flex offrono svariati vantaggi tra cui: una ricca gamma di componenti dell'interfaccia utente prestabiliti, controlli flessibili per il layout dinamico e meccanismi incorporati per l'interazione con origini dati esterne e il collegamento di dati esterni agli elementi dell'interfaccia utente. Tuttavia, per via del codice supplementare necessario per attivare queste funzioni, i progetti che usano Flex generano file SWF di dimensioni superiori rispetto alle controparti non Flex.

Si consiglia di usare Flash Builder per creare con Flex applicazioni Internet sofisticate, basate su dati e interattive, per modificare il codice ActionScript e MXML e per creare un'anteprima visiva dell'applicazione, il tutto mediante un unico strumento.

Molti utenti Flash Professional che creano progetti ActionScript densi di codice usano Flash Professional per creare elementi visivi e Flash Builder come un editor per il codice ActionScript.

Flash Professional

Oltre alle funzionalità grafiche e di animazione, Flash Professional offre strumenti per utilizzare il codice ActionScript. Tale codice può essere allegato a elementi di un file FLA o in file ActionScript puri esterni. Flash Professional è ideale per i progetti che prevedono un uso intensivo di animazioni e video o quelli in cui desiderate creare personalmente la maggior parte delle risorse grafiche. Un altro motivo per utilizzare Flash Professional per sviluppare il progetto ActionScript è creare elementi visivi e scrivere codice nella stessa applicazione. Flash Professional include anche componenti dell'interfaccia utente prestabiliti che potete utilizzare per creare file SWF più piccoli, associandoli al progetto mediante strumenti visivi.

Flash Professional offre due strumenti per la scrittura del codice ActionScript:

• Pannello Azioni: pannello disponibile per la gestione dei file FLA e che consente di scrivere codice ActionScript e di associarlo a fotogrammi della linea temporale.

• Finestra di script: editor di testo dedicato ai file di codice ActionScript (.as).

Editor di ActionScript esterno

Dal momento che i file ActionScript (.as) sono semplici file di testo, è possibile scrivere file ActionScript usando un qualsiasi editor di testo. Oltre ai prodotti specifici per ActionScript di Adobe, sono disponibili vari editor di testo esterni dotati di funzionalità specifiche per ActionScript. Potete scrivere file MXML e classi ActionScript usando un qualsiasi editor di testo. Potete anche creare un'applicazione da questi file utilizzando l'SDK Flex. Il progetto può utilizzare Flex o essere un'applicazione ActionScript pura. In alternativa, alcuni sviluppatori scrivono le classi ActionScript con Flash Builder o un editor ActionScript di terze parti e usano Flash Professional per creare il contenuto grafico.

I diversi motivi per scegliere un editor ActionScript esterno includono:

• Preferite scrivere codice in un programma separato e progettare elementi visivi in Flash Professional.

• Usate un'applicazione per la programmazione di codice non ActionScript, come la creazione di pagine HTML o lo sviluppo di applicazioni con un linguaggio di programmazione diverso, e desiderate usare quella stessa applicazione anche per scrivere codice ActionScript.

• Volete creare dei progetti Flex o ActionScript puri tramite l'SDK Flex senza ricorrere a Flash Professional o Flash Builder.

Alcuni dei migliori editor di testo con supporto specifico per ActionScript sono:

• Adobe Dreamweaver® CS4

• ASDT

• FDT

• FlashDevelop

• PrimalScript

• SE|PY

• TextMate (con pacchetti ActionScript e Flex )