Design interfață utilizator Android: vizualizări, controale și aspect

Majoritatea aplicațiilor Android au inevitabil nevoie de o anumită formă de interfață cu utilizatorul. În această unitate, vom discuta elementele interfeței cu utilizatorul disponibile în Android Software DevelopmentKit (SDK). Unele dintre aceste elemente afișează informații utilizatorului, în timp ce altele adună informații de la utilizator.

Învățați cum să utilizați o varietate de componente și controale diferite pentru a construi un ecran și cum aplicația dvs. poate asculta diverse acțiuni efectuate de utilizator. În cele din urmă, înveți cum să stilizezi controalele și să aplici teme pe ecrane întregi.

Android View

Această clasă reprezintă blocul de bază pentru componentele interfeței cu utilizatorul. O vizualizare ocupă o zonă dreptunghiulară pe ecran și este responsabilă pentru desen și gestionarea evenimentelor. View este clasa de bază pentru widget-uri, care sunt folosite pentru a crea componente interactive de UI (butoane, câmpuri de text etc.). Subclasa ViewGroup (grup de vizualizări) este clasa de bază pentru layout-uri, care sunt containere invizibile care dețin alte vizualizări (sau alte ViewGroup) și definesc proprietățile lor de aspect.

Toate vizualizările dintr-o fereastră sunt aranjate într-un singur arbore. Puteți adăuga vizualizări fie din cod, fie prin specificarea unui arbore de vizualizări într-unul sau mai multe fișiere de aspect XML. Există multe subclase specializate de vizualizări care acționează ca controale sau sunt capabile să afișeze text, imagini sau alt conținut.

Odată ce ați creat un arbore de vizualizări, există de obicei câteva tipuri de operații comune pe care doriți să le efectuați:

Setare proprietăți: de exemplu setarea textului unui TextView. Proprietățile disponibile și metodele care le stabilesc vor varia între diferitele subclase de vederi. Rețineți că proprietățile care sunt cunoscute la momentul construirii pot fi setate în fișierele de aspect XML.

Setare focalizare: cadrul va gestiona mișcarea focalizării ca răspuns la intrarea utilizatorului. Pentru a forța focalizarea pe o anumită vizualizare, apelați requestFocus().

Configurare ascultători: vizualizările permit clienților să seteze ascultători (listeners) care vor fi notificați când se întâmplă ceva interesant cu vizualizarea. De exemplu, toate vizualizările vă vor permite să setați un ascultător să fie notificat când vizualizarea câștigă sau își pierde focalizarea. Puteți înregistra un astfel de ascultător folosind setOnFocusChangeListener(android.view.View.OnFocusChangeListener). Alte subclase de vizualizare oferă ascultători mai specializați. De exemplu, un buton expune un ascultător să notifice clienții atunci când se face clic pe butonul.

Setare vizibilitate: puteți ascunde sau afișa vizualizări folosind setVisibility(int).

Introducere în controalele Android

SDK-ul Android conține un pachet Java numit android.widget. Când ne referim la controale, de obicei ne referim la o clasă din acest pachet. SDK-ul Android include clase pentru a desena cele mai comune obiecte, inclusiv clase ImageView, FrameLayout, EditText și Button. Toate controalele sunt de obicei derivate din clasa View. Acoperim multe dintre aceste controale de bază în detaliu.

Introducere în aspectul Android

Un tip special de control găsit în pachetul android.widget se numește layout (aspect). Un control de aspect este încă un obiect View, dar de fapt nu desenează nimic specific pe ecran. În schimb, este un container părinte pentru organizarea altor controale (copii). Controalele de aspect determină cum și unde sunt desenate controalele pentru copii de pe ecran. Fiecare tip de control al aspectului își atrage copiii folosind reguli specifice. De exemplu, controlul LinearLayout își desenează controalele secundare î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).

În mod necesar, folosim unele dintre obiectele de vizualizare de aspect din această unitate pentru a ilustra modul de utilizare a comenzilor menționate anterior.

Sursa: Babasaheb Ambedkar (2019) Mobile Application Development, Open University, licența CC BY 4.0. Traducerea și adaptarea Nicolae Sfetcu