În acest exemplu, etapele de creare și modernizare ActionScript 3.0, folosind un instrument de aplicare simplu Flash Professional sau Flash Builder. Aplicația vom crea un model simplu, folosind ActionScript 3.0 fișiere externe de clasă în instrumente de Flash Professional și Flex.
cerere de proiectare ActionScript
Acest exemplu este o aplicație standard, ActionScript numit «Hello World» și are o structură simplă.
Aplicația se numește HelloWorld.
Se afișează un câmp de text simplu, cu cuvintele «Bună ziua lume!»
Aplicația utilizează o singură clasă de Greeter orientat pe obiect. Această structură permite utilizarea unui proiect de clasă în Flash Professional sau Flex.
În acest exemplu, creați mai întâi o versiune de bază a aplicației. Caracteristici Apoi adăugate permit utilizatorului să introducă numele lor, și pentru a verifica dacă un nume în lista de utilizatori cunoscuți.
După această scurtă definiție, puteți crea aplicații.
Crearea proiectului HelloWorld și clasa Greeter
Atribuirea de proiect pentru aplicația Hello World a spus că codul său ar trebui să permită reutilizarea ușoară. Pentru a atinge acest obiectiv, aplicația utilizează o singură clasă de Greeter orientat pe obiect. Această clasă este utilizată în aplicații create în Flash Builder instrumente sau Flash Professional.
Crearea proiectului HelloWorld și clasa Greeter în Flex
Instrumentele Flash Builder, selectați "File">> "New", "proiectul Flex."
Introduceți HelloWorld în „Nume proiect.“ Asigurați-vă că ar fi tipul aplicației este setat la «Web (rulează în Adobe Flash Player)», și apoi faceți clic pe „Finish“.
Acum, pentru a crea un obicei ActionScript fișier de clasă în mediul Flash Builder, selectați "File"> "New"> "clasă ActionScript".
Caseta de dialog „nouă clasă ActionScript“ în câmpul „Name“, de tip Greeter ca nume de clasă, apoi faceți clic pe „Finish“.
Acum, fereastra va edita un nou fișier ActionScript.
Pentru a crea clasa Greeter în instrumentul Flash Professional, urmați acești pași:
În instrument profesional Flash, selectați "File"> "New".
În caseta de dialog „Crearea unui document“, selectați fișierul ActionScript, și faceți clic pe „OK“.
Acum, fereastra va edita un nou fișier ActionScript.
Selectați "File" comanda> "Save". Selectați folderul pentru aplicație, setați numele de fișier ActionScript Greeter.as și faceți clic pe „OK“.
Adăugarea de cod la clasa Greeter
Clasa de Greeter Greeter definește un obiect. care este utilizat în aplicația HelloWorld.
Adăugarea de cod la clasa Greeter
Introduceți următorul cod într-un fișier nou (o parte din codul poate să fie adăugată):
Clasa de Greeter include o metodă unică sayHello (). care returnează un șir de caractere cu fraza «Hello World!».
Pentru a salva acest fișier ActionScript, selectați "File" comanda> "Save".
clasa Greeter este acum gata pentru a fi utilizat în cerere.
Crearea unei aplicații cu cod ActionScript
Clasa Greeter, care tocmai a fost creat, definește un set autonom de funcții software, dar aceasta nu reprezintă o cerere completă. Pentru a utiliza clasa de care aveți nevoie pentru a crea un document profesional Flash sau proiect Flex.
La crearea codului trebuie să utilizați o instanță a clasei Greeter. Iată cum să utilizați clasa Greeter în cerere.
Pentru a crea o aplicație ActionScript utilizând instrumentul Flash Professional, urmați acești pași.
Selectați "File"> "New".
În caseta de dialog "document nou", selectați „Fișier Flash (ActionScript 3.0)» și faceți clic pe "OK".
Se deschide fereastra pentru crearea unui document.
Selectați "File" comanda> "Save". Selectați folderul care conține fișierul Greeter.as de clasă, atribuiți documentul numele Flash HelloWorld.fla și faceți clic pe „OK“.
În Flash instrumente profesionale paletă, selectați „Text“ instrument. Trageți și plasați-l în zona de lucru pentru a defini o nouă casetă text de lățime aproximativ 300 de pixeli și 100 de pixeli pe înălțime.
Pe panoul „Properties“, în timp ce încă selectat pe scenă, setați caseta de text, introduceți textul ca „Dynamic Text“ și introduceți numele mainText instanță a câmpului de text.
Faceți clic-clic pe primul cadru al cronologiei. Deschideți meniul „Acțiuni“ selectând „Window“> „Options“.
Pe bara „Acțiuni“, introduceți următorul script:
Pentru a crea o aplicație ActionScript folosind instrumente Flash Builder, urmați acești pași.
Deschideți fișierul HelloWorld.mxml și adăugați codul în conformitate cu următoarea listă:
Acest proiect Flex include patru MXML:
etichetă
etichetă
etichetă
etichetă
Codul în tag-ul
Pentru a salva aplicația, selectați "File" comanda> "Save".
Publicarea și verificarea cererilor ActionScript
Mai jos sunt principalele etape de aplicare HelloWorld de verificare, în fiecare din mass-media.
Publicați cererea și pentru a verifica erorile de compilare. În instrument profesional Flash, selectați „Gestionați“> „Test de Film“ pentru a compila codul ActionScript și rulați aplicația HelloWorld.
Dacă testul „Output“ aplicația în fereastra afișează erori și avertismente, remedia aceste erori în fișierul HelloWorld.fla sau HelloWorld.as. Apoi, verificați din nou aplicația.
În cazul în care nu există erori de compilare cerere Hello World apare în Flash Player.
După crearea cu succes a unui simplu, dar complet orientat-obiect ActionScript 3.0 aplicație, puteți continua cu aplicația de modernizare HelloWorld.
Selectați "Run"> "Run HelloWorld".
aplicație HelloWorld începe.
Dacă testați aplicația în „Output“ afișează erori și avertismente, remedia aceste erori în fișierul HelloWorld.mxml sau Greeter.as. Apoi, verificați din nou aplicația.
Dacă nu există erori de compilare aplicația Hello World apare în fereastra de browser care se deschide. Ecranul ar trebui să afișeze textul «Hello World!»
După crearea cu succes a unui simplu, dar complet orientat-obiect ActionScript 3.0 aplicații, puteți continua cu modernizarea aplicației HelloWorld.
Aplicație Modernizarea HelloWorld
Pentru a face aplicarea mai interesant, îl puteți introduce în confirmarea după verificarea numelui de utilizator cu o anumită listă de nume.
În primul rând, trebuie să actualizați clasa Greeter, extinderea funcționalității sale. Apoi, trebuie să actualizați aplicația, astfel încât să poată utiliza noile caracteristici.
fișier de actualizare Greeter.as
fișier Greeter.as Deschideți.
Schimbarea conținutul fișierului, după cum urmează (linii noi și modificate sunt afișate cu caractere aldine):
clasa Greeter are acum noi caracteristici:
În validNames matrice conține o listă de nume de utilizator autorizate. Când încărcați clasa Greeter în matrice este stabilită o listă cu trei nume.
sayHello () metoda acceptă un nume de utilizator și schimbă salutul bazat pe anumite condiții. Dacă un nume de utilizator este specificat NumedeUtilizator string gol ( „“), proprietatea salut este setat la interogarea numele de utilizator. Dacă numele de utilizator este acceptat, un salut este după cum urmează: „Bună ziua, USERNAME.“ Și, în sfârșit, în cazul de încălcare a celor două condiții anterioare salut variabilă este stabilită astfel încât: „NumedeUtilizator Ne pare rău că nu sunt pe lista ..“ ( „Scuză-mă, [nume de utilizator], nu sunt în lista“).
validName () returneaza o valoare reală a adevăratei. în cazul în care inputName Numele introdus este găsit în validNames matrice. și returnează o valoare fals fals. în cazul în care nu se găsește numele. Instrucțiuni validNames.indexOf (inputName) compară fiecare linie cu matrice șir nume validNames introdus inputName. Array.indexOf () returneaza o primă poziție a instanței obiect pointer în matrice. Se returnează -1 dacă obiectul nu este găsit în matrice.
Pentru a modifica aplicația folosind instrumente Flash Professional, urmați acești pași.
fișier HelloWorld.fla Deschideți.
Modificați script în cadru 1, astfel încât un șir gol ( „“) a trecut în metoda sayHello (clasa Greeter):
Selectați „Text“ instrument din caseta de instrumente. Creați două noi câmpuri de text pe scenă. Puneți-le unul lângă altul sub mainText câmpul text existent.
În primul câmp text nou, care este eticheta, introduceți numele de utilizator Text :.
Selectați o altă casetă de text și a stabilit tipul său în inspectorul de proprietate ca „text de intrare“. Deoarece tipul liniei selectați o singură linie (o singură linie). TextIn introduceți numele instanței.
Faceți clic-clic pe primul cadru al cronologiei.
Panoul „Acțiuni“, adăugați următoarele linii la sfârșitul script-ul existent:
Noul cod adaugă următoarele funcționalități:
Primele două linii definesc pur și simplu granițe pentru două câmpuri de text.
câmp de text de intrare, cum ar fi textIn. Acesta are un set de evenimente pe care le poate distribui. addEventListener () metoda va permite să definiți o funcție care se execută atunci când un eveniment de un anumit tip. În acest caz, acest eveniment va fi apăsarea unei taste de pe tastatură.
Personalizabile keyPressed () verifică dacă funcția este apăsată tasta Enter. Dacă este apăsată tasta dorită, metoda sayHello () myGreeter obiect transmite text dintr-un textIn câmp de text ca parametru. Această metodă returnează un mesaj de salut șir pe baza valorii transmise în ea. Șirul returnat este apoi atribuit proprietatea text al mainText câmp text.
Script-ul complet pentru Cadrul 1 este după cum urmează:
Pentru a porni aplicația, selectați „Control“ comanda> „Test de film“.
Când executați aplicația, vi se solicită să introduceți un nume de utilizator. În cazul în care numele programului de primire, un mesaj de confirmare «salut».
Pentru a modifica aplicația folosind instrumente Flash Builder, urmați acești pași.
fișier HelloWorld.mxml Deschideți.
Apoi schimba tag-ul
Acum, se adaugă următorul text imediat după tag-ul final
Introduceți atribut definește acțiunile care se execută atunci când utilizatorul apasă Enter în câmpul userNameTxt. În acest exemplu, codul trece textul introdus în domeniu, în metoda Greeter.sayHello (). Felicitare modificărilor de câmp mainTxt corespunzător.
fișier HelloWorld.mxml este după cum urmează:
Salvați fișierul editat HelloWorld.mxml. Selectați "Run"> "Run HelloWorld" pentru a rula aplicația.
Când executați aplicația, vi se solicită să introduceți un nume de utilizator. Dacă numele (Sammy, Frank, sau Dean) a adoptat programul, un mesaj de confirmare «Bună ziua, USERNAME».