În intrarea despre crearea primului proiect pe Android, apoi am văzut cum să ne creăm aplicația de bază, am trecut în revistă structura proiectului și diferite concepte precum SDK, Manifest și activitățile și ciclul lor de viață, acum vom continua să modificăm proiectul curent cu scopul de a aprofunda crearea de aplicaţii.
După cum am menționat, vom modifica aplicația creată în această intrare unde am construit primul proiect Android, vom rămâne acolo pe acest ecran
Acolo putem vedea că aplicația implicită creează o componentă TextView cu textul „Hello World”, din vizualizarea Split. (Dacă în acest moment nu știți cum să creați aplicația, vă recomand să revizuiți intrarea menționată mai sus.)
Fiind aici, vom modifica această vizualizare adăugând noi componente, dacă mergem apoi la vizualizarea desenului, putem modifica ecranul după bunul nostru plac, în acest caz vom crea următoarea interfață.
După cum putem vedea, am adăugat o componentă PlainText care corespunde de fapt unui câmp de editare sau care poate avea proprietăți precum text simplu, parolă, Telefon, Mail printre altele, în același mod Layout-ul definit ne permite să modificăm dimensiunea componentelor și atribuiți o poziție relativă, în acest caz câmpul de text are o poziție relativă la textView al titlului.
Dacă mergem la vizualizarea Split, vom vedea codul xml generat și de aici putem modifica manual proprietățile, în acest caz a fost adăugată o culoare la titlu și o dimensiune de 25sp, rețineți că fiecare componentă are o proprietate id. , precum și proprietăți pentru controlul poziționării componentei pe ecran.
Găsim și alte componente precum bacsis care corespunde unui substituent care este afișat în timp ce câmpul este gol, alte proprietăți pot fi adăugate în același mod pentru a stila componenta.
Acum o componentă ca care are și proprietatea id care este relativă la componenta câmp text, în acest caz modificăm identificatorul.
Logica aplicatiei.
Pentru a efectua procesări logice și informaționale, mergem la clasa MainActivity.kt, de acolo obținem componentele grafice prin id-ul lor folosind metoda findViewById().
Adăugăm evenimentul click al butonului și creăm o funcție numită onClick() (Poate fi apelată în orice fel)
În această funcție se adaugă logica pentru a capta valoarea câmpului de text, care este referit în același mod ca și butonul, dar în acest caz, creând o componentă de tip EditText care face referire la id-ul câmpului de text.
Ulterior, valoarea câmpului este obținută și adăugată la o variabilă String care este apoi prezentată într-o componentă de tip Toast care permite afișarea unui mesaj temporar pe ecran.
Când rulăm aplicația, pornește emulatorul și putem testa sistemul adăugând numele de utilizator și apăsând butonul „enter”, vedem cum este afișat Toast, care durează câteva secunde.
După aceea, modificăm ecranul adăugând o altă componentă TextView fără text, care va servi la afișarea informațiilor despre numele introdus, dar acum direct pe ecran.
Pentru a realiza această logică, ne întoarcem la clasa MainActivity.kt și în funcție facem referire la componenta EditText cu id-ul atribuit și apoi trimitem mesajul pe care vrem să-l afișam.
Mai târziu lansăm din nou aplicația și avem următorul rezultat.
O altă alternativă la captarea datelor este declararea globală a componentelor, evitând astfel să fie nevoie să le declare în fiecare funcție:
Important de folosit!! pentru a vă împiedica să aveți referințe nule.
Observare:
În liniile 11 și 12 se folosește nullsafety, aceasta este o caracteristică Kotlin care vă permite să controlați valorile nule în cadrul aplicației, împiedicând-o să încarce populara NullPointerException, nu putem aloca valori nule direct, dar în acest fel atunci când indicăm Editează textul? îi spunem compilatorului că acest câmp poate avea o referință nulă și permite procesarea acestuia.
in randurile 26 si 27 se foloseste !! să spunem compilatorului să nu verifice dacă valoarea este nulă și prin urmare se poate compila fără probleme, dar dacă este nulă, aruncăm excepția în consolă în cazul în care știm că poate ajunge o valoare nulă și tot vrem să procesăm
O altă alternativă recomandată ar fi să efectuați apeluri sigure, așa că atunci când încercați să apelați obiectul, dacă acesta este nul, excepția nu va fi aruncată, dar valoarea nulă va fi stocată fără a termina procesul, deci variabila trebuie să fie nulă pt. sa fie compilat corect.
Și gata, cu asta avem prima noastră aplicație funcțională cu captură de date și evenimente cu butoane.
S-ar putea să te intereseze și pe tine.
Doriți să adăugați sau să comentați ceva despre această intrare? simte-te liber sa faci....Și dacă ți-a plăcut... te invit să distribui y Abonați-vă făcând clic pe butonul „Alăturați-vă acestui site” pentru a auzi mai multe postări ca aceasta 😉