Ce este Flex?
Flex este un cadru puternic, open source aplicație care permite să construiască aplicații convenționale browser-ul, mobile și computere desktop, folosind același model de programare și codul de instrument.
Flex Flex oferă SDK-ul, alcătuit din clasa biblioteca Flex (clase ActionScript), compilatorul Flex, depanator, în MXML și ActionScript limbaje de programare, precum și alte instrumente pentru a crea aplicatii Internet bogate expresive și interactive (RIA)
Flex are grijă de interfața cu utilizatorul (UI) sau funcționalitatea pe partea clientului aplicatii web. Funcționalitatea de pe partea de server depinde de componentele server-side, scrise într-un limbaj de scripting tradiționale (Java / PHP, etc.)
aplicație Flex dislocate în SWF-fișier (e), plus HTML-shell, fișier (e) CSS și orice fișiere script pe partea de server (de exemplu, Java. Cfm. PHP, etc) la server. La fel ca aplicațiile web tradiționale
Aceste resurse sunt livrate de la server la browser-ul client cu un HTTP-cerere / modul normal de răspuns și Flash Player pentru a rula aplicația într-un browser.
Avantajele Flex
aplicație Flex ca Flash Player pe baza de acces poate fi capacitățile dispozitivului, cum ar fi GPS, camera, baza de date locală, un accelerometru grafic.
Flex aplicații pot rula pe Andriod, BlackBerry Tablet OS, dispozitive Cisco IOS.
aplicațiile Flex pot rula în browser-ul și pe desktop.
aplicații Flex, indiferent de platforma. Interfața cu utilizatorul poate fi nativă la platforma sau poate fi aceeași pe fiecare platformă.
aplicațiile Flex pot interacționa cu serverul cu toate tehnologiile importante de pe partea de server, cum ar fi Java, Spring, Hibernate, PHP, Ruby. NET, Adobe ColdFusion, și SAP folosind standardele industriale, cum ar fi REST, SOAP, JSON, JMS, și AMF.
Flex aplicații dezvoltate oferă utilizatorilor o experiență bogată prin interacțiunea intuitivă cu aplicarea și prezentarea informațiilor într-o interfață mai bogată vizual.
aplicație Flex este o singură aplicație, o pagină pe care statele pot se pot deplasa de la o stare la un alt stat fără a fi nevoie de a extrage nouă pagină de pe server, sau actualizați browser-ul.
aplicație Flex reduce sarcina pe server într-o mare măsură, pentru că aveți nevoie doar pentru a returna o aplicație o dată, dar nu o nouă pagină de fiecare dată când un utilizator schimbă puncte de vedere.
dezavantaje Flex
aplicație Flex este aplicații simple filetate, dar Flex oferă un model de programare asincron pentru a atenua această problemă.
Flex este ActionScript și bazate pe XML. Studiul acestor două este o condiție necesară pentru a lucra în Flex.
Acest tutorial vă va ghida cu privire la modul de a pregăti un mediu de dezvoltare pentru a începe cu Adobe Flex-cadru. Acest tutorial vă va învăța, de asemenea, modul în care se instalează JDK și Adobe Flash Builder pe aparat înainte de a instala Flex cadru:
cerinţe de sistem
FLEX necesită JDK 1.4 sau mai mare, astfel încât prima cerință ar trebui să fie JDK instalat pe calculatorul dumneavoastră.
Pasul 3 - Setarea Adobe Flash Builder 4.5
Toate exemplele din acest manual au fost scrise cu utilizarea Adobe Flash Builder 4.5 IDE Ocupația proces. Prin urmare, aș sugera, trebuie să aveți cea mai recentă versiune de Adobe Flash Builder este instalat pe calculatorul dvs., în funcție de sistemul de operare.
Flash Builder, aveți posibilitatea să executați următoarele comenzi de pe fereastra mașinii, sau puteți pur și simplu dublu click pe FlashBuilder.exe
Flash Builder, aveți posibilitatea să executați următoarele comenzi pe Unix (Solaris, Linux, etc) a mașinii:
Adobe Flash Builder versiune trial poate fi utilizat timp de 60 de zile. Doar accepta condițiile și săriți primii pași pentru a înregistra și de a continua cu IDE. Noi folosim versiunea în scop de formare.
Dupa lansarea cu succes, dacă totul merge bine, acesta ar trebui să afișeze următoarele rezultate:
Adobe Flash Builder este livrat cu SDK-uri FLEX pre-configurate. Noi folosim Flex SDK-ul 4.5 în exemplele noastre, care vine la pachet cu Adobe Flash Builder 4.5.
Pasul 4: Configurarea Apache Tomcat:
Tomcat poate fi pornit prin rularea următoarele comenzi de pe fereastra mașinii, sau puteți pur și simplu dublu click pe startup.bat
Tomcat poate fi pornit prin rularea următoarele comenzi pe Unix (Solaris, Linux, etc) a mașinii:
Tomcat poate fi oprită prin executarea următoarea comandă pe geamuri auto:
Tomcat poate fi oprită prin executarea următoarele comenzi pe Unix (Solaris, Linux, etc) a mașinii:
Înainte de a începe cu crearea efectivă a prilozheniyaHelloWorld folosind Flash Builder, să vedem. Care sunt părțile reale ale aplicației Flex. aplicație Flex este format din următoarele patru părți importante, dintre care ultima parte nu este obligatorie, dar sunt necesare primele trei părți:
bibliotecă Flex-cadru
Resursele publice (HTML / JS / CSS)
Cod server-side
Exemple de dispunere a diferitelor părți ale unei aplicații tipice va FlexHelloWord. așa cum se arată mai jos:
Reprezintă butonul de control, care poate fi apăsat pentru a face o acțiune.
Cod server-side
Această parte a partea de server a cererii dvs. și este foarte opțională. Dacă nu faci nici o prelucrare la backend în cererea dumneavoastră, nu aveți nevoie de această parte, dar în cazul în care există o anumită prelucrare este necesară pentru a interacționa cu serverul, atunci va trebui să dezvolte aceste componente pe aplicațiile backend și client-side.
Următorul capitol va folosi toate conceptele de mai sus pentru a crea aplicația HelloWorld folosind Flash Builder.
Vom folosi Flash Builder 4.5 pentru a construi aplicații Flex. Să începem cu un prilozheniyaHelloWorld simplu:
Pasul 1 - Crearea unui proiect
Primul pas este de a crea un proiect Flex simplu folosind IDE Flash Builder. Pornirea asistentul de proiect prin intermediul optsiiFile> New> Flex Project. Acum, numele proiectului dvs. kakHelloWorld. Utilizarea ferestrei expertul este după cum urmează.
Aici este o scurtă descriere a tuturor importante dosare:
Controlul NumericStepper vă permite să selectați un număr dintr-un set ordonat.
Sistemul de control oferă utilizatorilor cu capabilități îmbunătățite pentru a face față cu cantități mari de date într-un mod simplu și le oferă posibilitatea de a interacționa cu aplicația. Fiecare set de UI controlează moștenește de la clasa UIComponent, care, la rândul său, moștenește de la EventDispatcher și alte clase de nivel superior.
Controlul si descriere
Clasa EventDispatcher este clasa de baza pentru toate clasele care pot trimite evenimente. EventDispatcher clasa permite orice obiect din lista de afișare să fie un obiectiv eveniment și, ca atare, utilizarea metodelor de interfață IEventDispatcher.
clasa UIComponent este clasa de baza pentru toate componentele vizuale, atât interactive si non-interactiv.
controale sofisticate
Mai jos sunt câteva controale vazhnyhslozhnyh:
Controlul si descriere
Controlul DataGrid afișează un rând de la pozițiile coloanelor deasupra grilei derulabil.
AdvancedDataGrid adaugă unele funcționalități suplimentare de control standard de DataGrid pentru a adăuga caracteristici de vizualizare a datelor.
Meniul de comandă creează un meniu pop-up cu opțiuni.
Controlul ProgressBar oferă o reprezentare vizuală a progresului unei sarcini în timp.
TitleWindow se extinde Panel pentru a include un buton de închidere și zona de mișcare.
Putem adăuga comportamentul aplicațiilor flexibile folosind conceptul de efecte. De exemplu, în cazul în care caseta de text pentru a obține focalizarea, putem face textul să devină mai îndrăzneț și să-l dimensiunea de un pic mai mult.
Fiecare efect moștenește de la un efect de clasă, care, la rândul său, moștenește de la EventDispatcher și alte clase de nivel superior.
efect descriere
Clasa Efectul este o clasă de bază abstractă care definește funcționalitatea de bază a tuturor efectelor Flex. Această clasă definește clasa fabrica de bază pentru toate efectele.
principalele efecte
Mai jos sunt câteva efecte vizuale vazhnyhOsnovnye: