Proiectarea interfețelor utilizator la telefoane mobile în Android cu ajutorul machetelor (layout)

Un tip special de control găsit în pachetul android.widget se numește layout. Un control layout este totuși un obiect View, dar nu desenează de fapt nimic specific pe ecran. În schimb, este un container părinte pentru organizarea altor controale (copii). Controalele layout determină cum și unde pe ecran sunt desenate controalele copil. Fiecare tip de control layout își desenează copiii folosind anumite reguli. De exemplu, controlul LinearLayout își desenează controalele copil într-un singur rând orizontal sau într-o singură coloană verticală. În mod similar, un control TableLayout afișează fiecare control copil în format tabelar (în celule din anumite rânduri și coloane).

Interfețele utilizator ale aplicațiilor pot fi simple sau complexe, implicând multe ecrane diferite sau doar câteva. Machetele și controalele interfeței utilizator pot fi definite ca resurse ale aplicației sau create programatic la momentul execuției.

2.2. Crearea de machete folosind resurse XML

Android oferă o modalitate simplă de a crea fișiere de machete în XML ca resurse furnizate în directorul proiectului /res/layout. Aceasta este cea mai comună și convenabilă modalitate de a construi interfețe utilizator Android, și este utilă în special pentru definirea elementelor statice ale ecranului și a proprietăților de control pe care le cunoașteți în avans, și pentru a seta atribute implicite pe care le puteți modifica programatic în timpul rulării.

Puteți configura aproape orice atribut ViewGroup sau View (sau subclasa View) folosind fișierele de resurse de machete XML. Această metodă simplifică foarte mult procesul de proiectare a interfeței utilizator, mutând o mare parte din crearea și machetarea statică a controalelor interfeței utilizator și definiția de bază a atributelor de control în XML, în loc să împrăștie codul. Dezvoltatorii își rezervă posibilitatea de a modifica aceste machete programatic, după cum este necesar, dar pot seta toate valorile implicite din șablonul XML. Veți recunoaște următoarele ca un fișier de machete simplu cu un control LinearLayout și un singur control TextView.

<?xml version=”1.0” encoding=”utf-8”?>
<LinearLayoutxmlns:android=“http://schemas.android.com/apk/res/android”
   android:orientation=”vertical”
   android:layout_width=”fill_parent”
   android:layout_height=”fill_parent” >
<TextView
   android:layout_width=”fill_parent”
   android:layout_height=”wrap_content”
   android:text=”@string/hello” />
</LinearLayout>

Acest bloc de XML prezintă un aspect de bază cu un singur TextView. Prima linie, pe care o puteți recunoaște din majoritatea fișierelor XML, este obligatorie.

Crearea doar a unui fișier XML, însă, nu va desena nimic pe ecran. Un anumit aspect este de obicei asociat cu o anumită activitate (Activity). În proiectul tău Android implicit, există o singură activitate, care setează implicit layout-ul main.xml. Pentru a asocia layout-ul main.xml cu activitatea, folosește apelul metodei setContentView() cu identificatorul layout-ului main.xml. ID-ul layout-ului se potrivește cu numele fișierului XML fără extensie. În acest caz, exemplul precedent provine din main.xml, deci identificatorul acestui layout este pur și simplu main:

setContentView(R.layout.main);