Laborator 01 - Introducere în Android Studio

Android Studio

Până în luna mai a anului 2013, aplicațiile Android se puteau realiza prin intermediul mediului de
dezvoltare Eclipse, împreună cu plugin-ul ADT (Android Development Tools) - dezvoltat de Google.
Mai apoi, Google a propus un nou IDE - Android Studio, care are același scop (de a permite
dezvoltarea de aplicații mobile), dar oferă mai multe facilități în ceea ce privește instalarea mediului de
lucru, performanța, “code completion and refactoring” la nivel avansat, etc.
Dacă doriți să instalați Android Studio pe laptop-urile personale, este suficient să aveți Java
Development Kit (jdk) instalat, iar apoi puteți descărca Android Studio de pe pagina oficială.

Structura unui proiect

Înainte de a testa primul program “Hello World”, ne vom concentra pe structura unui proiect
Android. Această etapă ne va ajuta să înțelegem rolul fiecărui director și fișier, fără de care nu am putea
să dezvoltăm o aplicație Android.
Așadar, în mod implicit (modul “Project”), în partea din stânga a IDE-ului există o vedere de
ansamblu a întregului proiect:
 În Android Studio există mai multe moduri de vizualizare a unui proiect, printre care și modul
“Android”. Odată selectată această opțiune, Android Studio organizează fișierele în funcție de cele mai
importante părți ale unei aplicații Android (fișiere “java”, “ressources”, scripturi “gradle”). În funcție de
nevoile și preferințele voastre, acest mod de afișare poate fi destul de practic:

Așadar:
 fișierele java - sunt fișierele pe care le veți folosi probabil cel mai des, deoarece fiecare
funcționalitate va fi implementată în clasa corespunzătoare
 directorul res - unde sunt organizate toate resursele unei aplicații. Aici putem găsi mai multe
directoare, fiecare conținând în general fișiere de tip .xml și imagini, precum:
o în directorul drawable: se găsesc imagini (de tip .png, .jpg sau .gif) și/sau fișiere de tip
.xml în care poate fi definită o anumită formă/culoare
o în directorul layout: se găsesc fișiere .xml care definesc afișajul (interfața grafică) și
poziționarea diferitelor elemente pe ecran.
o în directorul menu: se găsesc fișiere .xml în care putem customiza meniul unei aplicații
o directorul mimap: este rezervat diferitelor iconițe folosite într-o aplicație. Dat fiind faptul
că dispozitivele Android sunt de diferite tipuri și mărimi, o imagine nu se poate adapta
tuturor ecranelor existente, de aceea dimensiunile acesteia trebuie să varieze.
o values: în fișierele .xml din acest director se pot găsi/personaliza diferite elemente ale
aplicației. De exemplu, puteți defini un text (strings.xml), o anumită culoare (colors.xml),
care să fie mai apoi folosite oriunde în cod. În acest fel, dacă aveți nevoie să faceți o
modificare al unuia dintre aceste elemente, o veți face o singură dată.
 gradle scripts: verifică faptul că toate elementele necesare proiectului sunt disponibile; asigură
asamblarea tuturor dependențelor necesare.
 Android Manifest
Pe lângă aceste fișiere și directoare (prezentate mai sus), la rădăcina fiecărui proiect există un fișier
numit AndroidManifest.xml. Acest fișier conține detalii esențiale despre aplicație, cum ar fi permisiunile
și versiunea acesteia.

Prima aplicație - Hello, World!

 Deschideți Android Studio. Din meniul de sus, alegeți opțiunea de creare a unui nou proiect
android: File > New > New Project
În mod normal ar trebui să se afișeze următoarea fereastră:

 În etapa următoare vom face câteva setări simple. În fereastra de mai sus, introduceți numele
aplicației, HelloWorld.
Câmpul Company Domain identifică în mod unic aplicația. Astfel, două aplicații pot avea același
nume, dar se vor diferenția prin domeniul companiei (dacă există), scris invers. În mod implicit, acest
câmp este completat automat cu un domeniu fictiv.
Next!
 Fereastra de mai sus simplifică alegerea versiunii de Android - aceasta poate fi schimbată mai apoi
în fișierul build.gradle. Pentru moment, nu vom modifica nimic aici. Next!
 Pentru a ne ușura munca, Android Studio propune diferite schelete de aplicație. Pentru aplicația
noastră, HelloWorld, vom alege BlankActivity.
Vom afla mai multe despre ce este o activitate (Activity) în cursul/laboratorul următor. Pentru
moment, putem considera că o activitate este asociată ecranului aplicației.
În fereastra următoare, putem să customizăm felul în care vom numi fișierele .xml asociate
activității noastre:
 Activity name - clasa java corespunzătoare activității
 Layout name - fișierul .xml ce corespunde layout-ului activității (interfața grafică)
 Title - textul afișat în bara de sus a aplicației (ActionBar)
 Menu Ressource name - fișierul .xml corespunzător meniului aplicației

Finish!
1. Înainte de a testa aplicația pe dispozitivul mobil (sau pe simulator), explorați proiectul (în special
fișierele din directorul res)
2. Schimbați modul de afișare al proiectului (Project, Android, etc.) și observați diferitele tipuri de
afișaj.
Lansarea pe dispozitivul mobil
Înainte de a testa aplicația, asigurați-vă că dispozitivul Android este conectat și că ați activat modul
“Developper”, din setările dispozitivului.
Pentru a lansa aplicația pe dispozitivul Android, tastați Shift+ f10 (sau click pe butonul Run). Ar
trebui să se afișeze următoarea fereastră:
 Observați că Android Studio detectează automat dispozitivul mobil. Dacă nu dispuneți de unul,
puteți alege varianta simulatorului (Launch Emulator).
 Rezultat:

For fun:
1. Testați simulatorul Android
2. În fișierul res/values/colors.xml, definiți o nouă culoare, #c116ff, și folosiți-o pentru a schimba
culoarea textului “Hello, world!”, afișat pe ecran.
Hints:
 Textul este definit într-o etichetă de tip TextView, într-unul din fișierele .xml aflate în res/layout)
 Pentru a accesa noua culoare definită în colors.xml, folosiți sintaxa:
android:textColor="@color/$numeCuloare"
 Laborator 01 – Crearea unui buton

Vom ”desena” un buton în proiectul nou realizat. Din From Widgets tragem cu mouse-ul de
Button, în fereastra noastră de lucru:

Rezultatul trebuie să fie ca în imaginea de mai jos:

 Selectăm din folderele proiectului (în stânga): res -> values ->strings.xml și adăugăm următoarea
linie de cod: <string name=”Button”>Click me</string> . În loc de “Click me“ putem scrie orice alt text
care dorim să apară pe buton:

Intrăm în partea de cod, cu care a fost realizat butonul:

În loc de android:text=”Button” vom scrie android:text=”@string/Button”:

La moment butonul nostru nu face nimic la click, deoarece nu am definit încă nici un eveniment
pentru el.

Alte setări care se pot aplica unui buton: dimensiune, culoare, poziție în fereastră

Deschidem din nou fișierul în care avem codul pentru buton (HelloWorld -> res -> layout ->
activity_main) și la android:layout_width/height în loc de “wrap_content” trecem ce dimensiune dorim.
De exemplu: android:layout_width=”200dp” și android:layout_height=”100dp”
Pentru a da o culoare și dimensiune textului de pe buton, adăugam următorul cod:
android:textColor=”#003a80″ și android:textSize=”40sp”
Pentru a-i schimba poziția în fereastră, introducem coordonatele astfel:
android:layout_marginBottom=”157dp”
 Pentru a da o culoare butonului, deschidem fișierul din: src -> com.example.helloworld ->
MainActivity.java și adăugam următorul cod: Button click=(Button)findViewById(R.id.button1)
click.setBackgroundColor(Color.RED); ca în imaginea de mai jos:

Dacă dorim culoarea butonului să fie transparentă, în loc de Color.RED vom scrie
Color.TRANSPARENT.
 Rezultatul final ar trebui să fie:

Pentru a rula aplicația, din folderele proiectului selectam: src -> com.example.helloworld ->
MainActivity.java și dăm RUN din bara de sus a Android Studio.