E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale Android

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

SISTEME DE OPERARE  /  Android  /  Aplicatii (5)

User Interface - Relative Layout

31.08.2012
User Interface - Relative Layout

Scopul acestui tutorial este de a prezenta o alta modalitate de organizare a controalelor care alcatuiesc interfata grafica a unei aplicatii Android, si anume RelativeLayout.

Total vizualizari: 10808 10808 afisari   |   Comentarii  0   |   Rating   |   (3 voturi)   |   Timp necesar: 25 min 25 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Autor: magda.badita Incepator
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1
comenteaza printeaza
Citeste acest tutorial si pe Smartphone Platforms

Scopul acestui tutorial este de a prezenta o alta modalitate de organizare a controalelor care alcatuiesc interfata grafica a unei aplicatii Android, si anume RelativeLayout.

Acest tip de organizare presupune, dupa cum si numele exprima, pozitionarea elementelor grafice relativ la un alt control sau chiar relativ la parinte (tinand cont de structura ierarhica a screen-ului).

Ce vrea sa insemne aceasta? Acest tip de asezare implica faptul ca "un copil" de tip control, ce poate fi reprezentat printr-un Button, TextView, EditText sau oricare alt tip de control, poate fi plasat relativ la o alta componenta a interfetei grafice fie deasupra, dedesupt, in dreapta sau in partea stanga a acesteia. "Copilul" de tip control poate fi pozitionat si fata de container-ul parinte: sus, jos, la drepata sau la stanga. Aceasta pozitionare trebuie sa respecte niste reguli stricte (acestea se pot gasi aici).

Relativ la container:

android:layout_alignParentBottom
android:layout_alignParentLeft
android:layout_alignParentRight
android:layout_alignParentTop
android:layout_centerHorizontal
android:layout_centerInParent
android:layout_centerVertical

Relativ la alte elemente grafice:

android:layout_above
android:layout_below
android:layout_toLeftOf
android:layout_toRightOf

Aliniere cu alte elemente:

android:layout_alignBaseline
android:layout_alignBottom
android:layout_alignLeft
android:layout_alignRight
android:layout_alignTop

Exemplul 1:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_height="fill_parent"
        android:layout_width="fill_parent">
    <TextView android:id="@+id/txtName"
        android:layout_alignParentLeft="true"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/EditText01"
        android:text="EditText left: ">
    </TextView>
    <EditText
        android:id="@+id/EditText01"
        android:layout_width="260dip"
        android:layout_alignParentRight="true"
        android:layout_height="wrap_content"
        android:text="EditText right">
    </EditText>
    <Button android:id="@+id/topBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Buton -center horizontal-"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/EditText01">
    </Button>
</RelativeLayout>

Exemplul 2: Nesting Layouts

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_height="fill_parent"
        android:layout_width="fill_parent">
    <TextView android:id="@+id/txtName"
        android:layout_alignParentLeft="true"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/EditText01"
        android:text="EditText stanga ">
    </TextView>
    <EditText
        android:id="@+id/EditText01"
        android:layout_width="260dip"
        android:layout_alignParentRight="true"
        android:layout_height="wrap_content"
        android:text="EditText dreapta">
    </EditText>
    <Button android:id="@+id/topBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Buton -center horizontal-"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/EditText01">
    </Button>
    <LinearLayout android:layout_width= "wrap_content"
        android:layout_height= "wrap_content"
        android:orientation= "vertical"
        android:layout_below="@id/topBtn">
    <Button
        android:id= "@+id/Button01"
        android:layout_width= "wrap_content"
        android:layout_height= "wrap_content"
        android:text= "Acesta este un buton intr-un linear layout"/>
    <EditText
        android:id= "@+id/EditText01"
        android:layout_width= "wrap_content"
        android:layout_height= "wrap_content"
        android:text= "Acesta este un EditText intr-un linear layout"/>
    <TextView
        android:id= "@+id/TextView01"
        android:layout_width= "wrap_content"
        android:layout_height= "wrap_content"
        android:text= "Acesta este un TextView intr-un linear layout"/>
    </LinearLayout>
</RelativeLayout>

Concluzii:

Dupa cum se poate observa din exemplele prezentate anterior, RelativeLayout asigura o organizare mai eficienta a componentelor interfetei grafice fara a fi necesara utilizarea dimensiunii screen-ului sau a elementelor existente.

Pagina:
1
comenteaza printeaza

Cuvinte cheie:   Android Interface,   User Interface,   Relative Layout,   Magda Badita,   Smartphone Platforms,  

Alte tutoriale Android:
Noteaza acest tutorial
Rating tutorial
 
(3 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
5330
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
5285
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
5125
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
5115
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4860
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Lightroom HTML Gimp Bridge Sony Vegas Java Word MySQL PSD Javascript Action Script RoR SWF COREL DRAW Vista Python Photoshop PHP StyleSheet Flash Dreamweaver XML Illustrator JSON AJAX Powerpoint Fireworks Fotografie Outlook XHTML SEO Verilog Swift 3D Ruby on Rails CSS Excel
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software