Share
Deși unele aplicații pot funcționa complet într-o singură vizualizare, de cele mai multe ori veți avea nevoie de mai mult de un ecran sau de vizualizare pentru a afișa conținutul aplicației. În acest tutorial, veți învăța cum să creați și să comutați între diferite vizualizări utilizând Corona.
Folosind Corona afişa clasa și transition.from () , vom adăuga câteva imagini în stadiu și vom comuta între ele. Veți afla, de asemenea, mai multe despre Mese și funcţii precum și Grupuri, care sunt containere pentru obiecte de afișare.
Tranziția va fi apelată de a Atingeți eveniment.
Primul lucru pe care trebuie să-l faceți este să selectați platforma pe care doriți să o rulați, astfel încât să puteți alege dimensiunea imaginilor pe care le veți utiliza.
Platforma iOS are următoarele caracteristici:
Deoarece Android este o platformă deschisă, există multe dispozitive și rezoluții diferite. Câteva dintre caracteristicile cele mai comune ale ecranului sunt:
În acest tutorial ne vom concentra pe platforma iOS, în special în curs de dezvoltare pentru distribuție pe un iPhone / iPod touch.
Vom crea o interfață curată cu trei imagini, prima va fi o singură imagine care conține fundalul și un buton grafic. Restul imaginilor vor urma același concept, dar vor fi adăugate separat pentru a vă arăta cum să utilizați Grupuri. Acest lucru este foarte util când trebuie să modificați o vizualizare plină de butoane, texte, imagini etc..
În funcție de dispozitivul pe care l-ați selectat, este posibil să aveți nevoie să exportați graficul în PPI recomandat, puteți face acest lucru în editorul de imagini preferat.
Am folosit Reglați dimensiunea în aplicația Previzualizare în Mac OS X.
Nu uitați să dați imaginilor un nume descriptiv și să le salvați în folderul proiectului.
E timpul să scriem cererea noastră!
Deschideți editorul Lua preferat (orice editor de text va funcționa, dar nu veți avea o evidențiere a sintaxei) și vă pregătiți să scrieți aplicația minunată.
În primul rând, ascundem bara de stare, aceasta este bara din partea superioară a ecranului care arată ora, semnalul și alți indicatori.
display.setStatusBar (display.HiddenStatusBar)
Acum adăugăm prima vizualizare, aceasta va fi imaginea cu titlul verde.
Accentsconagua
defaultView = display.newImage ('defaultView.png') Această linie creează variabila globală vedere standard și utilizează afişa API pentru a adăuga imaginea specificată în scenă. Implicit, imaginea este adăugată la 0,0 folosind colțul din stânga sus ca punct de referință.
Următoarea variabilă va stoca ultima vizualizare prinsată pentru a determina ce vizualizare ar trebui afișată în continuare. De asemenea, va fi utilizat pentru a elimina vizualizarea când nu mai este vizibilă.
lastView =
Următoarea funcție este foarte importantă deoarece gestionează direcția transcendenței noi. Acesta este, de asemenea, un nou tip de funcție pe care nu l-am folosit anterior în seria Corona: o funcție bazată pe parametri. Nu vă faceți griji, însă, funcțiile bazate pe parametri sunt destul de simple, mai ales dacă cunoașteți alte limbi de programare. Hai să aruncăm o privire:
funcția swap local (curent, nou, de la)
lastView = curent
dacă (de la == 'jos') atunci
transition.from (nou, y = new.height * 2, onComplete = removeLastView)
altfel (de la == 'sus') atunci
transition.from (nou, y = -new.height, onComplete = removeLastView)
elseif (de la == 'stânga') atunci
transition.from (nou, x = -new.width * 2, onComplete = removeLastView)
altfel (de la == 'dreapta') atunci
transition.from (nou, x = new.width * 2, onComplete = removeLastView)
Sfârșit
Sfârșit
Are trei parametri:
Când tranziția este completă, removeLastView funcția va fi apelată.
Această funcție șterge vizualizarea anterior schimbată.
removeLastView =
function removeLastView ()
lastView: removeSelf () - aici folosim variabila lastView
Sfârșit
Aceste linii declară unele variabile utilizate în următoarea funcție.
moduri locale = 'sus', 'jos', 'stânga', 'dreapta' - cele patru moduri disponibile pentru animație local changeView = - declară următoarea funcție local changed = false - verifică dacă vizualizarea are au fost schimbate
Această funcție este executată atunci când utilizatorul interconectează ecranul.
Detectează ecranul curent și apelează funcția swapViews utilizând parametrii determinați de schimbat variabil. Codul creează obiectul Group și adaugă vizualizarea corespunzătoare și ascultătorul său. De asemenea, selectează o direcție aleatorie de tranziție de la mod masa.
funcția changeView: atingeți (e) if (changed == false), apoi secondView = display.newGroup () bg = display.newImage ('secondViewBg.png') = display.newImage al doileaVenum, moduri [math.random (1, 4)]) schimbat = adevărat altceva defaultView = (de exemplu, secondView.insert (secondView, display.newImage ('defaultView.png') defaultView: addEventListener ('tap', changeView) swapViews (secondView, defaultView, modes [math.random (1, 4) Următoarea linie adaugă ascultătorul dorit la afișarea ecranului.
defaultView: addEventListener ('tap', changeView) 
Dacă totul funcționează conform așteptărilor, suntem aproape gata să construim aplicația noastră pentru testarea dispozitivelor. Doar un lucru: pictograma aplicației noastre.
Folosind grafica pe care ați creat-o înainte de a crea o pictogramă frumoasă și bună, dimensiunea pictogramei pentru pictograma iPhone (non-retina) este de 57x57px, dar magazinul iTunes utilizează o versiune de 512x512px, deci este mai bine să vă creați pictograma în această dimensiune.
Nu trebuie să aibă colțurile rotunjite sau strălucirea transparentă, deoarece acestea vor fi adăugate automat de iTunes și iOS.
Acum aveți o modalitate utilă și bună de a schimba vizualizările în aplicațiile dvs. Încercați-l și adăugați-vă propria atingere!
Vă mulțumim că ați citit acest tutorial. Sper că ați găsit-o utilă!
