Flex

2. Creare un nuovo progetto

Posted Dom, 12/07/2008 - 18:12 by Francesco Casula

Creiamo un primo progetto di lavoro per testare che tutto funzioni correttamente.

Aprite FlashDevelop e cliccate su Project -> New project..., qui scegliete AS3 Project.

Una volta creato il progetto, FlashDevelop metterà a sinistra un albero con tre cartelle :

  • bin - conterrà i file compilati, l'swf e il file html pronti per l'uso
  • lib - all'inizio la cartella è vuota, sarà vostra discrezione riempirla con librerie e classi personali o di terzi
  • src - questa cartella conterrà il file sorgente della classe documento, ossia il Main.as

Aprite il Main.as e modificatelo togliendo il listener aggiunto di default da FlashDevelop, in questo caso non necessario, e aggiungendo un TextField per testare il corretto output.

package 
{
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.text.TextField;
	
	public class Main extends Sprite
	{
		private var status:TextField;

		public function Main():void
		{
			this.status = new TextField();
			this.status.text = "Prova";
			this.addChild(this.status);

			trace("Stringa che uscirà in console ...");
		}
	}
}

Testate il filmato premendo F5 ...
FlashDevelop manderà in Output qualcosa del genere :

Running process: C:\Program Files (x86)\FlashDevelop\Tools\fdbuild\fdbuild.exe "C:\AppServ\www\Articoli\Tutorial\Installare Flex e FlashDevelop\source\Source.as3proj" -ipc 2f0bab70-4413-4808-8078-6c1efbec9c43 -compiler "C:\FlexSDK" -library "C:\Program Files (x86)\FlashDevelop\Library"
Using the Flex Compiler Shell.
Building Source
mxmlc -load-config+=obj\SourceConfig.xml -debug=true -incremental=true -benchmark=false -o obj\Source633642693112291152
Incremental compile of 1
 Loading configuration file C:\FlexSDK\frameworks\flex-config.xml
Loading configuration file C:\AppServ\www\Articoli\Tutorial\Installare Flex e FlashDevelop\source\obj\SourceConfig.xml
Recompile: C:\AppServ\www\Articoli\Tutorial\Installare Flex e FlashDevelop\source\src\Main.as
Reason: The source file or one of the included files has been updated.
Files changed: 1 Files affected: 0
obj\Source633642693112291152 (819 bytes)
(fcsh)
Build succeeded
Done (0)
[Capturing traces with FDB]
Stringa che uscirà in console ...

Se tutto è andato come dovrebbe, FlashDevelop avrà inoltre lanciato un filmato Flash che mostra in output un campo di testo "Prova".

Infine se controllate la cartella bin, vi accorgerete che avrà prodotto i file pronti per essere utilizzati nel vostro sito web.

Buon lavoro.

1. Installazione

Posted Dom, 12/07/2008 - 18:08 by Francesco Casula

Aprite l'archivio di Flex scaricato nella lezione precedente e procedete all'estrazione.

In questo tutorial utilizzeremo il percorso C:\FlexSDK configurando di conseguenza FlashDevelop per cercare l'SDK nel percorso specificato.

Prima di installare FlashDevelop, andate nella cartella dove avete estratto Flex e sotto il percorso \runtimes\player troverete i player Flash che vi serviranno testare le vostre applicazioni.

Se avete intenzione di sviluppare direttamente per il Flash Player 10, troverete il setup e l'ActiveX sotto il percorso \FlexSDK\runtimes\player\10.

Assicuratevi inoltre di avere presenti nel sistema anche i seguenti pacchetti software :

Arrivati a questo punto potete procedere all'installazione di FlashDevelop come mostrato in questa schermata.

Avviate FlashDevelop e sotto il menù Tools -> Program Settings..., accessibile anche tramite il tasto F10, selezionate la voce AS3Context (sotto Plugins), e specificate il campo Flex SDK Location, nel mio caso C:\FlexSDK.

Ora possiamo finalmente iniziare a lavorare.

Condividi contenuti