Share
Alertele sunt o metodă predefinită pentru a afișa informații utilizatorului, ele sunt utilizate în mod obișnuit pentru a afișa mesaje scurte și pot include una sau mai multe opțiuni pentru a determina o acțiune posterioară. În acest tutorial, vom descoperi cum să implementăm aceste Alerte, veți învăța, de asemenea, cum să creați butoane de bază și să deschideți o adresă URL în Safari. Continua să citești!
Folosind Corona nativ clasa și showAlert () , vom afișa o alertă personalizată utilizând un buton simplu pe scenă.
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ță de bază cu un buton care va apela o alertă atunci când este apăsat. Numele de alertă, mesajul și numele butoanelor vor fi definite în cod.
În funcție de dispozitivul pe care l-ați selectat, va trebui să exportați graficul în PPI recomandat, puteți face acest lucru în editorul dvs. preferat de imagini.
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 preferat Lua (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ă timpul, semnalul și alți indicatori.
display.setStatusBar (display.HiddenStatusBar)
Acum adăugăm fundalul aplicației.
Accentsconagua
fundal local = display.newImage ("background.png") Această linie creează variabila locală fundal ș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ță.
Repetați procesul cu imaginea butonului, plasându-l în centrul scenei. Funcția de buton va fi creată ulterior în cod.
alert localButton = display.newImage ("alertButton.png") alertButton: setReferencePoint (display.CenterReferencePoint) alertButton.x = 160 alertButton.y = 240 Când utilizatorul face clic pe oricare dintre butoanele opționale din Alertă a a făcut clic evenimentul este despachetat, trebuie să verificăm index din butonul clic pentru a afla ce opțiune a fost selectată. O alertă vă permite să includeți până la 6 butoane, indexul acesteia fiind definit de ordinea în care a fost scris în apelul de alertă.
Următoarea funcție se ocupă de acest proces, ascultătorul său este creat în apelul de alertă (prezentat în pasul următor).
funcția locală onClick (e) dacă e.action == "clicked" atunci dacă e.index == 1 atunci - Some Action elseif e.index == 2 apoi system.openURL ("http://mobile.tutsplus.com ") sfârșitul capătului final Această funcție va fi executată atunci când butonul de alertă este apăsat, va folosi funcția native.showAlert () pentru a afișa alerta. Alerta va fi legată de o variabilă care va servi ca ID de alertă, astfel încât aceasta poate fi localizată, refolosită sau eliminată de către native.cancelAlert () metodă.
funcția alertăButton: atingeți (e)
alertă locală = native.showAlert ("MobileTuts +", "Mobile Tutorials de dezvoltare", "OK", "Aflați mai multe", onClick)
Sfârșit
Această metodă are patru paremetere, vă permite să le aruncați o privire:
native.showAlert (titlu, mesaj, butoane, ascultător)
Butonul are acum o funcție de a rula atunci când este apăsat, dar această funcție singură nu va putea să reacționeze fără un ascultător.
Următoarea linie de coduri stabilește acel ascultător:
alertButton: addEventListener ("atingeți", alertButton) 
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 pictogramele iPhone este de 57x57px, dar magazinul iTunes utilizează o dimensiune de 512x512px, deci este mai bine să creați pictograma în această dimensiune. Dacă doriți să vă optimizați imaginile pentru ecranul retinei iPhone 4, veți avea nevoie și de o versiune de 114x114px a pictogramei aplicației.
Nu este nevoie să aveți colțurile rotunjite sau strălucirea transparentă, iTunes și sistemul de operare iPhone se vor aplica pentru dvs..
Cu acest tutorial ați învățat cum să afișați Alerte pentru a afișa utilizatorului un mesaj și a rula cod predeterminat pe baza opțiunii selectate.
Vă mulțumim că ați citit acest tutorial, sper că ați găsit-o utilă!
