android layouts

18
1 14.06.2011 Android Layouts 2012 NCIT Summer School

Upload: varden

Post on 21-Jan-2016

59 views

Category:

Documents


0 download

DESCRIPTION

Android Layouts. 2012 NCIT Summer School. Componentele Grafice. UI-ul este alcatuit din obiecte de tip View sau ViewGroup : View este clasa moştenită de widgets . ViewGroup este clasa moştenită de layouts . Sunt plasate într-un Activity. Widgets. Statice TextView ProgressBar - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Android Layouts

1 14.06.2011

Android Layouts

2012 NCIT Summer School

Page 2: Android Layouts

Componentele Grafice• UI-ul este alcatuit din

obiecte de tip View sau ViewGroup:– View este clasa moştenită

de widgets.– ViewGroup este clasa

moştenită de layouts.

• Sunt plasate într-un Activity.

Page 3: Android Layouts

Widgets• Statice

– TextView– ProgressBar– ImageView

• Dinamice– EditText– Button– CheckBox– RadioButton– MapView

Page 4: Android Layouts

Layouts• Elemente de tip

container (pot conţine alte View-uri)

• Tipuri:– LinearLayout– RelativeLayout– TableLayout– ScrollLayout

Page 5: Android Layouts

Resurse• Se regasesc grupate in directorul

res.

• Imagini (drawable)– drawable-hdpi– drawable-mdpi– drawable-ldpi

– Accesul din cod are loc folosind: R.drawable.nume

Page 6: Android Layouts

Resurse• Interfeţe grafice

– layout– Accesul din cod are loc folosind:

R.layout.nume

• Constante– values

Page 7: Android Layouts

Constructia Layout-urilor• Din cod sau folosind un fişier xml.• Fişierul xml se ataseaza unui Activity în cod:

this.setContentView (R.layout.nume);

• Pentru a customiza un element dintr-o lista, se defineşte corespunzător fişierul xml şi se încarcă apoi asupra view-ului element:View element = inflater.inflate

(R.layout. list_element_view, null);

Page 8: Android Layouts

Exemplu de fişier GUI XML

Page 9: Android Layouts

Exemplu de fişier GUI XML

• xmlns:android – necesar de definit doar pentru componenta radacina

• android:layout_width şi android:layout_height sunt obligatorii• Valori:

• fill_parent, wrap_content• px, dp, sp, mm, in, pt

• android:id – necesar pentru utilizarea componentei in codul Java• @+id/button1 – în xml• R.id.button1 – în cod

Page 10: Android Layouts

Exemplu de fişier GUI XML

Page 11: Android Layouts

Unităţi de Măsură pentru Dimensiuni• dp – Density Independent Pixels

– Unitate de măsură abstractă, bazată pe densitatea de pixeli a ecranului. Unitatea este relativă la 160dpi. Deci 160dp va avea mereu 1 inch indiferent de densitatea ecranului. Se recomanda a fi aplicat asupra view-urilor pentru ca sistemul sa scaleze corespunzator dimensiunea acestora indiferent de marimea ecranului.

• sp – Scale Independent Pixels– Analog cu dp, dar se recomanda a fi aplicat asupra fonturilor.

• pt – Points– 1/72 dintr-un inch, bazată pe dimensiunea fizica a ecranului.

• px – Pixeli• mm - Milimetri• in - Inches

Page 12: Android Layouts

Resurse în funcţie de Densitatea Pixelilor• ldpi – Low Density Screens

– 120dpi

• mdpi – Medium Density Screens– 160dpi

• hdpi – High Density Screens– 240dpi

• xhdpi – Extra High Density Screens– 230dpi

• nodpi – folosit pe resurse de tip bitmap daca nu se doreste scalarea in functie de dimensiunea ecranului

• Avem o scalare 3:4:6:8 intre cele cele 4 densitati. Deci un bitmap de 9x9 in ldpi va avea 12x12 în mdpi, 18x18 în hdpi şi 24x24 în xhdpi.

Page 13: Android Layouts

Meniu• Activat la apăsarea tastei Meniu.• Trebuie suprascrise metodele:

– public boolean onCreateOptionsMenu(Meniu menu);

– public boolean onOptionsItemSelected (MenuItem item)

• Adăugarea unui meniu din cod:– menu.add(…);

• Definirea meniului într-un fişier xml.

Page 14: Android Layouts

Exemplu Meniu doar Cod Java

Page 15: Android Layouts

Exemplu Meniu XML

Page 16: Android Layouts

Exemplu Meniu XML în cod Java

Page 17: Android Layouts

Toast

Page 18: Android Layouts

Task