Udvikle Flex applikationer uden Flex Builder

Lektion 1 i 99 Quick Flex Lessons

Selv om Flex Builder gør Flex applikationsudvikling let, kan du overleve uden det. I denne hurtige lektie, vi lærer, hvordan man opbygger en Flex program ved hjælp af blot en teksteditor og en kommando-linje kompiler. Lektionen stokke med en meget let eksempel, så du ikke får distratcted ved anvendelse kompleksitet.

Først skal vi gå få Flex SDK. Den nyeste version kan tilgås fra Flex 3 SDK download side

Næste vi fireup en teksteditor. Vælg alle, som du vil. Jeg er i øjeblikket på Windows-platformen, og jeg har valgt noget så grundlæggende som notesblok til formålet. Vi starter indkodning af Flex ansøgning ved at skabe de vigtigste mxml ansøgningsdossieret. Lad os kalde det WithoutFlexBuilder.mxml.

For beginners vi medtage Application tag og definere Flex framnework XML-namespace som følger:

  <mx:Application xmlns:mx= "http://www.adobe.com/2006/mxml"> 
  </ mx: Application> 

Så vil vi tilføje et mærke og en knap til denne ansøgning. Vi har indstillet "Flex uden Flex Builder" som teksten i den etikette og "Ja, det virker uden Flex Builder!" Som teksten på en knap. Ansøgningen kode ser nu således:

  <mx:Application xmlns:mx= "http://www.adobe.com/2006/mxml"> 
  <mx:Label text= "Flex uden Flex Builder" /> 
  <mx:Button label= "Yes, Det Works!" /> 
  </ mx: Application> 

Når du klikker på knappen for at bekræfte, at tingene fungerer uden Flex Builder, en etikette dispays en besked "Jeg er glad for, det sker." Derfor vores kode er udvidet til at omfatte en anden etikette og et klik handling-funktionen er defineret for at indstille teksten til etiket som ønsket.

Den endelige ansøgning kode er som følger:

  <mx:Application xmlns:mx= "http://www.adobe.com/2006/mxml"> 
  <mx:Script> 
  <! [CDATA [ 
  private funktion clickHanlder (evt: Event): void ( 
  MessageDisplay.text = "Jeg er glad for, det gør." 
  ) 
  ]]> 
  </ mx: Script> 
  <mx:Label text= "Flex uden Flex Builder" /> 
  <mx: Button label = "Ja, det virker!"  Klik = "clickHanlder (begivenhed)" /> 
  <mx:Label id= "messageDisplay" /> 
  </ mx: Application> 

Vi gemmer denne kode som WithoutFlexBuilder.mxml.

Nu er vi nødt til at kompilere denne mxml til en SWF-fil, så vi afspille filen i Flash Player.

Vi går til SDK mappe og derefter går ned til bin mappe på SDK mappe. Den bin bibliotek har en række eksekverbare filer. En af de eksekverbare filer, der kaldes mxmlc er kommandolinjen compiler, der kan oversætte ActionScript og MXML filer til SWF. Konfiguration og indstillinger kan videresendes til denne kommando linje kompiler. Men fordi vores tilfælde er tivial vi gør intet af dette. Vi har simpelthen påberåbe sig mxmlc kommando og videregive vores mxml fil som sit mål.

Kommandoen er så:

  mxmlc C: \ workfolder \ WithoutFlexBuilder.mxml 

Resultatet af denne kommando er oprettelsen af en SWF fil med samme navn som vores MXML fil. Endelig vi åbne WithoutFlexBuilder.swf bruger en browser (Firefox i mit tilfælde). Det enkle ansøgninger ser ud som vist:

Den opfører sig som ønsket. Det er om at trykke på knappen vises det budskab - "Jeg er glad for, det sker."

Thats it! De har bygget en enkel men komplet eksempel uden at bruge Flex Builder. I næste lektion vi grave dybere ned i command line ansøgning compiler og også se på komponent-compiler.