Ανάπτυξη εφαρμογών ΧΩΡΙΣ Flex Flex Builder

Μάθημα 1, 99 Quick Flex Μαθήματα

Παρά το γεγονός ότι το Flex Builder Flex καθιστά εύκολη την ανάπτυξη εφαρμογών, που δεν μπορεί να επιβιώσει χωρίς αυτό. Σε αυτό το γρήγορο μάθημα, θα μάθετε πώς να οικοδομήσουμε μια Flex εφαρμογή χρησιμοποιώντας μόνο ένα πρόγραμμα επεξεργασίας κειμένου και μια γραμμή εντολών μεταγλώττισης. Το μάθημα μπαστούνια με ένα πολύ εύκολο παράδειγμα, έτσι ώστε δεν έχετε distratcted από την εφαρμογή της πολυπλοκότητας.

Πρώτα πάμε πάρετε το Flex SDK. Η τελευταία έκδοση μπορεί να αναζητηθεί από το 3 Flex SDK σελίδα λήψης

Έπειτα πρέπει fireup ένα πρόγραμμα επεξεργασίας κειμένου. Διαλέξτε όποιον θέλετε. Είμαι σήμερα για την πλατφόρμα των Windows και επέλεξα κάτι τόσο βασικό όπως το σημειωματάριο για το σκοπό αυτό. Ξεκινούμε την κωδικοποίηση της με τη δημιουργία Flex εφαρμογή της κύριας mxml εφαρμογή αρχείο. Ας το ονομάσουμε WithoutFlexBuilder.mxml.

Για αρχάριους θα περιλαμβάνουν την εφαρμογή της ετικέτας και καθορίζουν το Flex framnework XML ονομάτων ως εξής:

  <mx:Application xmlns:mx= "http://www.adobe.com/2006/mxml"> 
  </ mx: Εφαρμογή> 

Στη συνέχεια προσθέτουμε μια ετικέτα και ένα κουμπί για την εν λόγω εφαρμογή. Εμείς που "Flex ΧΩΡΙΣ Flex Builder", όπως το κείμενο της ετικέτας και "Ναι, το σύστημα λειτουργεί χωρίς Flex Builder!", Όπως το κείμενο του κουμπιού. Η εφαρμογή κώδικα τώρα εμφανίζεται ως εξής:

  <mx:Application xmlns:mx= "http://www.adobe.com/2006/mxml"> 
  <mx:Label text= "Flex ΧΩΡΙΣ Flex Builder" /> 
  <mx:Button label= "Yes, Είναι Works!" /> 
  </ mx: Εφαρμογή> 

Όταν κάνετε κλικ στο κουμπί για να επιβεβαιώσω ότι τα πράγματα χωρίς Flex Builder, μια ετικέτα dispays ένα μήνυμα "Είμαι ευτυχής, το κάνει." Ως εκ τούτου παρατάθηκε κώδικά μας είναι να προσθέσει άλλη μία ετικέτα και ένα κλικ εξυπηρέτησης λειτουργίας ορίζεται για να ρυθμίσετε το κείμενο της ετικέτα όπως θέλετε.

Η τελική εφαρμογή κώδικα είναι η εξής:

  <mx:Application xmlns:mx= "http://www.adobe.com/2006/mxml"> 
  <mx:Script> 
  <! [CDATA [ 
  λειτουργία ιδιωτικών clickHanlder (evt: Event): άκυρη ( 
  MessageDisplay.text = "Είμαι ευτυχής, το κάνει."? 
  ) 
  ]]> 
  </ mx: Script> 
  <mx:Label text= "Flex ΧΩΡΙΣ Flex Builder" /> 
  <MX: Button ετικέτα = "Ναι, λειτουργεί!"  Κάντε κλικ = "clickHanlder (γεγονός)" /> 
  <mx:Label id= "messageDisplay" /> 
  </ mx: Εφαρμογή> 

Θα σώσει αυτόν τον κώδικα ως WithoutFlexBuilder.mxml.

Τώρα πρέπει να συγκεντρώνει τις mxml σε ένα αρχείο SWF, έτσι ώστε να την αναπαραγωγή του αρχείου του Flash Player.

Θα πάω να το SDK Directory και στη συνέχεια κάτω για να διασχίζω το bin directory στο πλαίσιο του SDK κατάλογο. Ο Μπιν Directory έχει μια σειρά από εκτελέσιμα. Ένα από τα εκτελέσιμα αρχεία που ονομάζεται mxmlc είναι η γραμμή που μπορεί να συγκεντρώσει compiler ActionScript και MXML αρχεία σε SWF. Διαμόρφωση και επιλογές μπορεί να περάσει σε αυτή την γραμμή εντολών μεταγλώττισης. Ωστόσο, επειδή μας περίπτωση είναι tivial κάνουμε όλα αυτά δεν. Εμείς απλώς επικαλούνται τη mxmlc εντολή και μας μεταφέρουν ως mxml αρχείο το στόχο της.

Η εντολή τότε είναι:

  mxmlc C: \ workfolder \ WithoutFlexBuilder.mxml 

Το αποτέλεσμα αυτής της διοίκησης είναι η δημιουργία ενός SWF αρχείο με το ίδιο όνομα με μας MXML αρχείο. Τέλος ανοίγουμε WithoutFlexBuilder.swf χρησιμοποιώντας ένα πρόγραμμα περιήγησης (Firefox στην περίπτωσή μου). Οι αιτήσεις που φαίνεται απλό, όπως φαίνεται:

Θα συμπεριφέρεται ως επιθυμητό. Αυτό είναι για το πάτημα του κουμπιού εμφανίζεται το μήνυμα - "Είμαι ευτυχής, το κάνει."

Συνεχίστε το! Έχετε οικοδομηθεί μια απλή αλλά πλήρη παράδειγμα ΧΩΡΙΣ χρησιμοποιώντας το Flex Builder. Στο επόμενο μάθημα θα σκάβουμε βαθύτερα στον γραμμή εφαρμογή compiler και επίσης να εξετάσουμε τη συνιστώσα μεταγλώττισης.