Noțiuni de bază cu Lua și SDK Corona

În acest tutorial, veți învăța elementele de bază ale limbajului de programare Lua și vă voi ajuta să începeți să scrieți aplicații pentru iOS și Android. Excitat? Hai să ne scufundăm direct.


Introducere

În acest tutorial, vom examina Corona SDK și limbajul de programare Lua. Chiar dacă Lua nu este dificil de luat, este recomandat să existe o experiență în alte limbi, cum ar fi JavaScript, PHP, Java sau Ruby. Vom acoperi chiar elementele de bază ale Corona SDK și Lua pentru a vă familiariza cu dezvoltarea platformei Corona. Veți vedea că este nevoie de foarte puține eforturi și de cod pentru a te ridica și a alerga. Sunt gata când ești.


1. Introducerea Lua și SDK Corona

În trecut, dezvoltatorii de dispozitive mobile s-au confruntat cu o situație dificilă. Ar trebui să dezvolte aplicații pentru iOS sau Android? Majoritatea dezvoltatorilor iOS utilizează Obiectiv-C, în timp ce dezvoltatorii Android folosesc Java. Din fericire, avem Corona SDK și limbajul de programare Lua, care permite dezvoltarea platformelor mobile pe mai multe platforme. Pentru a spune pur și simplu, înseamnă că puteți dezvolta o aplicație o dată și o puteți construi pentru iOS, Android, Kindle și Nook.

Limba de programare pe care o folosim atunci când dezvoltăm cu Corona SDK este Lua, care este lună in portugheza. Unul dintre principalele beneficii ale lui Lua, mai ales în combinație cu Corona SDK, este că Lua este cross-platformă, deoarece limba este scrisă în C. Lua nu este dificil de învățat așa cum veți afla în acest tutorial. Lua a fost creat în 1993 de un mic grup de oameni de la Universitatea Catolică Pontificală din Rio de Janeiro, Brazilia. Lua este un software open source, astfel încât să îl puteți folosi în mod gratuit în proiectele dvs. Acesta este distribuit sub licența MIT.

Corona SDK este dezvoltată și întreținută de Corona Labs și este o platformă comercială. Există mai multe planuri de stabilire a prețurilor de la care puteți alege. Există un plan gratuit de pornire și plătite planuri începând de la 19 USD pe lună.

Pentru acest tutorial, cu toate acestea, vom folosi planul inițial. Chiar dacă puteți dezvolta aplicații Corona pe mai multe platforme, în acest tutorial vă vom arăta cum să construiți aplicații utilizând Windows și vom construi pentru platforma Android.


2. Configurarea Lua și SDK-ul Corona

Ești gata să începi cu dezvoltarea mobilă pe mai multe platforme? Vizitați portalul pentru dezvoltatori al setului SDK Corona, creați un cont și descărcați setul SDK Corona. După cum am menționat, în acest tutorial voi folosi Windows, dar puteți urmări și pe OS X la fel de bine. După instalarea modelului Corona SDK, deschideți start și navigați la Corona SDK> Simulatorul Corona. Ar trebui să vedeți două ferestre după cum se arată mai jos.




3. Editori de texte

Acum, când avem un Simulator Corona, trebuie să luăm un editor de text pentru a scrie și edita Lua. Vă recomandăm Sublime Text 2, care este o descărcare gratuită. Este un editor de text excelent și popular care acceptă evidențierea sintaxei și o încărcătură de alte caracteristici utile. Acest lucru este util în special dacă scrieți aplicații mari și complexe. Aceasta susține Lua împreună cu alte 43 de limbi de programare. Ți-am spus Sublime Text dacă sunt disponibile pe Windows, OS X și Linux? Nu puteți merge prost cu textul Sublime 2.



4. Scrierea unei aplicații Hello World

Întoarceți-vă la Simulatorul Corona, lovit Proiect nou, și alegeți un director pentru stocarea fișierelor din proiect. Selectați Gol ca șablon al proiectului, Prefixul telefonului pentru Dimensiunea ecranului vertical, și montant dupa cum Orientare implicită. Clic O.K pentru a finaliza configurarea proiectului și pentru a naviga la directorul în care ați creat noul proiect. Ar trebui să găsiți trei fișiere, build.settings, config.lua, și main.lua. Singurul fișier pe care trebuie să-l editați este Main.lua. Deschideți acest fișier cu editorul ales și înlocuiți conținutul fișierului cu fragmentul de cod de mai jos.

print ("Hello World!");

Salvați modificările apăsând Ctrl + S și deschideți fereastra Simulatorului Corona. Așteptați un minut. Nu s-a intamplat nimic. E perfect normal. Trebuie să verificăm cealaltă fereastră care arată ca o comandă promptă. Ar trebui să afișeze Salut Lume! așa cum se arată mai jos.


Motivul pentru care textul a fost afișat doar în Terminalul Corona și nu în Simulatorul Corona este, pentru că imprimare comanda este folosită numai pentru limbajul de programare Lua. Nu poate fi folosit pentru afișarea cuvintelor pe ecranul Simulatorului Corona sau a unui dispozitiv fizic. Cu toate acestea, acest lucru de bază imprimare comanda va fi în continuare utilă atunci când vom dezvolta aplicația, în special pentru scopuri de depanare.


5. Hello World - Take 2

Vom crea un altul Salut Lume! cerere. Cu toate acestea, de data aceasta, o vom face să afișeze cuvintele din Simulatorul Corona în sine. Ștergeți conținutul main.lua și înlocuiți-l cu fragmentul de cod prezentat mai jos.

display.newText ("Hello World!", 0, 0, native.systemFont, 16);

Este posibil să fi observat că acest fragment a fost ceva mai lung decât cel precedent. Să vedem ce face acest cod pentru noi.

  • afişa este obiectul cu care vorbim.
  • newText este funcția pe care o folosim pentru a afișa textul pe ecran.
  • "Salut Lume!" este textul pe care dorim să îl afișăm.
  • 0, 0 sunt X și y coordonate, respectiv.
  • native.systemFont este fontul pe care îl folosim pentru text și 16 este dimensiunea fontului.

Dacă salvați modificările și relansați Simulatorul Corona, ar trebui să vedeți următoarele.



6. Variabile și matematică

Dacă doriți să stocați un număr ca variabilă pentru o utilizare ulterioară? Următorul fragment de cod arată cum sunt declarate variabilele în Lua.

locală num1 = 3 + 3;
  • local este cuvântul cheie pentru declararea unei variabile.
  • NUM1 este numele variabilei.

Dacă combinăm acest lucru cu fragmentul de cod anterior, obținem următoarele.

locală num1 = 3 + 3; display.newText (num1, 0, 0, native.systemFont, 32);

Simulatorul Corona ar trebui să afișeze acum numărul 6, care este rezultatul adăugării 3 și 3. Să încercăm un alt exemplu folosind matematica. Folosind următorul fragment de cod, Simulatorul Corona ar trebui să afișeze numărul 18.

locală num1 = 3 + 3; display.newText (num1 * 3, 0, 0, native.systemFont, 32);

După cum puteți vedea, este perfect posibil să efectuați operații matematice pe o variabilă. În fragmentul de cod de mai sus, am înmulțit NUM1 de 3 utilizând * 3. Sunt sigur că deja ați dat seama că asteriscul este operatorul de multiplicare din Lua.

  • + pentru adăugare
  • - pentru scăderea și numerele negative
  • * pentru multiplicare
  • / pentru divizare

7. Imagini

Afișarea imaginilor nu este dificilă. Pentru a afișa o imagine, trebuie să adăugați imaginea în directorul în care se află main.lua stă. Este bine să creați un subdirector pentru a păstra resursele proiectului separate și organizate. Să facem asta acum. Creați un director nou în folderul proiectului și denumiți-l imagini. Folosește imagini pentru stocarea imaginilor proiectului. Imaginea pe care aș vrea să o folosesc pentru acest tutorial este logo1.png și l-am pus în imagini directorul pe care l-am creat acum un moment.

După cum puteți vedea în fragmentul de cod următor, afișarea unei imagini este aproape la fel de simplă ca afișarea textului. Îndrăznesc să spun că este chiar mai ușor, deoarece nu trebuie să specificați un font.

fotografie locală1 = display.newImage ("images / logo1.png", 0, 0);


8. Bara de stare

Dacă vă uitați atent la captura de ecran anterioară, veți observa că există o bară de stare în partea de sus a ecranului care afișează transportatorul, durata de viață a bateriei etc. Ați observat vreodată că uneori când deschideți o aplicație, în special jocuri, bara de stare dispare automat? Ascunderea barei de stare este la fel de simplă ca adăugarea unei linii de cod la main.lua. Este simplu ca asta. Actualizați-vă proiectul și aruncați o privire asupra rezultatului în Simulatorul Corona.

display.setStatusBar (display.HiddenStatusBar);

Este util să știți că bara de stare poate avea stiluri diferite. Numele stilurilor vorbesc de la sine. Pentru multe aplicații, în special jocuri, folosind HiddenStatusBar este cel mai potrivit.

display.setStatusBar (display.DefaultStatusBar);
display.setStatusBar (display.DarkStatusBar);
display.setStatusBar (display.TranslucentStatusBar);


9. Dreptunghiuri, Frontiere și Culori

Să mergem cu forme. Prima formă pe care o afișăm este un dreptunghi. Să vedem ce este nevoie pentru a afișa un ecran dreptunghiular.

rect1 locale = display.newRect (10, 20, 150, 50);
  • local rect1 declară o variabilă pentru dreptunghi.
  • display.newRectcreează forma dreptunghiului.
  • (10, 20, 150, 50) definesc coordonatele x și y, respectiv lățimea și înălțimea.

Să adăugăm o culoare în dreptunghi.

rect1: setFillColor (51, 255, 0);

Hmmm. Ce inseamna asta?

  • rect1 este variabila pe care am declarat-o mai devreme.
  • setFillColor este metoda pe care o folosim pentru a umple dreptunghiul cu o culoare.
  • (51, 255, 0) specificați roșu (51), verde (255) și albastru (0) a culorii pe care o folosim.

Să extindeți acest exemplu cu o margine sau un grafic, așa cum se arată în fragmentul de cod următor.

rect1.strokeWidth = 8; rect1: setStrokeColor (80, 200, 130);
  • rect1.strokeWidth = 8 stabilește strokeWidth proprietatea dreptunghiului 8.
  • rect1.setStrokeColor (80, 200, 130) stabilește strokeColor proprietatea dreptunghiului la culoarea specificată de valori 80, 200, și 130 după cum am văzut mai devreme.


10. Comentarii

Comentariile pot părea triviale și chiar depășite, dar sunt importante și chiar mai mult atunci când lucrați într-o echipă. Comentariile sunt foarte utile pentru documentarea codului și acest lucru este valabil atât pentru dvs. cât și pentru colegii dvs. Îmbunătățește lizibilitatea codului pentru alte persoane din echipa dvs. În Lua, comentariile sunt ușor de utilizat. Uitați-vă la următorul exemplu.

--acesta este un comentariu

Comentariile nu au niciun efect asupra aplicației dvs. în ceea ce privește modul în care funcționează. Ele sunt doar pentru dezvoltator. Următorul fragment de cod va nu imprimare Salut Lume! la terminal.

--print ("Hello World!")

Puteți scrie, de asemenea, comentarii care cuprind mai multe linii, care este utilă dacă trebuie să explicați modul în care funcționează o piesă de cod deosebit de complexă sau dacă doriți să scrieți o introducere la o aplicație sau la un proiect.

--[[Acesta este un comentariu care se întinde pe mai multe rânduri. ]]

Concluzie

În acest tutorial, ați învățat elementele de bază ale lui Lua și SDK Corona. Am instalat și instalat Corona SDK, am descărcat și am folosit un editor de text pentru editarea lui Lua, am scris mai multe aplicații și le-am lansat în Simulatorul Corona. De asemenea, am învățat cum să folosim variabilele pentru a stoca bucăți de date, pentru a afișa imagini pe ecran, pentru a configura bara de stare și pentru a desena forme pe ecran. Și, nu în ultimul rând, am văzut cum să folosim comentariile și de ce ar trebui să folosiți comentariile în codul dvs. Sper că acest tutorial ți-a fost de ajutor. Rămâi acordat pentru mai mult.

Dacă doriți să aflați mai multe despre setul SDK Corona, vă recomandăm să vizitați site-ul web al dezvoltatorului Corona Labs. Este plină de resurse și ghiduri pentru a începe. De asemenea, puteți explora exemplele de aplicații care sunt incluse în SDK-ul Corona pe care l-ați descărcat și instalat mai devreme.

Limba de programare Lua are și propriul site web. Conține tot ce trebuie să știți despre limbă, inclusiv un ghid pentru început și un manual foarte detaliat. Asigurați-vă că vizitați site-ul web Lua dacă decideți să continuați dezvoltarea Corona.

Cod