Entwicklung von Flex-Anwendungen ohne Flex Builder

Lektion 1 von 99 Quick Flex-Unterricht

Obwohl Flex Builder Flex-Anwendung ist die Entwicklung einfach, Sie können überleben, ohne sie. In dieser kurzen Lektion, lernen wir, wie man eine Flex Anwendung mit nur einem Text-Editor und ein Kommandozeilen-Compiler. Die Lehre-Sticks mit einer sehr einfachen Beispiel, so dass Sie nicht distratcted durch die Anwendung Komplexität.

Zuerst gehen wir das Flex SDK. Die neueste Version kann von der Flex 3 SDK Download-Seite

Weiter fireup wir einen Text-Editor. Wählen Sie, wie jeder. Ich bin derzeit auf der Windows-Plattform und ich haben etwas so grundlegenden Fragen wie der Editor für die Zwecke. Wir Flex starten Codierung der Anwendung durch die Schaffung der wichtigsten MXML Anwendung Datei. Nennen wir es WithoutFlexBuilder.mxml.

Für Anfänger sind wir die Anwendung Tag und die Flex framnework XML-Namespace wie folgt:

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

Dann fügen wir eine Label und ein Button, um diese Anwendung. Wir setzen "Flex ohne Flex Builder", wie der Text des Label und "Ja, es funktioniert ohne Flex Builder!", Wie der Text der Schaltfläche. Die Anwendung Code sieht nun wie folgt:

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

Wenn Sie auf die Schaltfläche klicken, um zu bestätigen, dass sich die Dinge ohne Flex Builder, ein Label dispays eine Nachricht: "Ich bin froh, es macht." Deshalb ist unser Code wird auf einem anderen Label und einem Klick-Handler-Funktion wird definiert, um den Text der Etikett wie gewünscht.

Die endgültige Anwendung Code ist wie folgt:

  <mx:Application xmlns:mx= "http://www.adobe.com/2006/mxml"> 
  <mx:Script> 
  <! [CDATA [ 
  private Funktion clickHanlder (evt: Event): void ( 
  MessageDisplay.text = "Ich bin froh, es macht." 
  ) 
  ]]> 
  </ mx: Script> 
  <mx:Label text= "Flex ohne Flex Builder" /> 
  <mx: Button label = "Ja, es funktioniert!"  Klicken Sie auf = "clickHanlder (event)" /> 
  <mx:Label Id= "messageDisplay" /> 
  </ mx: Application> 

Wir speichern diesen Code als WithoutFlexBuilder.mxml.

Jetzt brauchen wir, um diese MXML eine SWF-Datei, so dass wir die Wiedergabe der Datei in der Flash-Player.

Wir gehen auf die SDK-Verzeichnis und dann Traverse bis zum bin-Verzeichnis innerhalb der SDK-Verzeichnis. Das bin-Verzeichnis hat eine Reihe von ausführbaren Dateien. Einer der ausführbaren Dateien, mxmlc ist die Befehlszeile-Compiler kompilieren können, dass ActionScript und MXML Dateien in SWF. Konfiguration und Optionen können an dieser Befehlszeile-Compiler. Da unserem Fall ist tivial wir nichts davon. Wir rufen den Befehl mxmlc und geben unsere MXML-Datei als Ziel.

Der Befehl ist dann:

  mxmlc C: \ workfolder \ WithoutFlexBuilder.mxml 

Das Ergebnis dieses Befehls ist die Schaffung einer SWF-Datei mit dem gleichen Namen wie die MXML-Datei. Schließlich öffnen wir WithoutFlexBuilder.swf mit einem Browser (Firefox in meinem Fall). Die sieht so aus, als einfache Anwendungen angezeigt:

Es verhält sich wie gewünscht. Das ist für Sie die Taste drücken wird die Nachricht - "Ich freue mich, es macht."

Thats it! Sie haben ein einfaches aber vollständiges Beispiel ohne den Flex Builder. In der nächsten Lektion wir tiefer in die Kommandozeilen-Anwendung Compiler und auch die Komponente Compiler.