User Interface. Frame Layout

În prezentarea tipurilor de layout-uri care pot alcătui o interfaţă grafică a venit rândul şi pentru FrameLayout.

FrameLayout este utilizat pentru a afişa un singur control deşi acest view poate conţine mai multe item-uri.  Controlul care va fi afişat va fi cel adăugat ultimul în fişierul xml.

Pentru a exemplifica utilizarea  acestui view voi introduce un nou control şi anume ImageView. Acesta permite afişarea de imagini existente în resursele proiectului (în folderele din res : drawable,  drawable-hdpi,  drawable-ldpi,  drawable-mdpi ) sau preluate de pe un server sau provenind din alte tipuri de surse.

Presupunem că în folderul drawable avem 3 imagini,  iar fiecare dintre ele deţine o culoare predominantă (verde, albastru şi portocaliu), şi iniţial toate au aceeaşi dimensiune. Se va utiliza proprietatea “background” pentru a seta imaginea aleasă.

Vom adăuga aceste imagini în câte un ImageView şi acestea la rândul lor vor fi integrate într-un FrameLayout.

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/green_1">
</ImageView>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/blue_1">
</ImageView>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/orange_1">
</ImageView>
</FrameLayout>

În continuare vom relua exemplul, doar că de data aceasta imaginile vor avea dimensiuni diferite(doar cea verde şi cea albastră).

Codul xml aferent va fi acelaşi, doar imaginile adăugate vor diferi. Rezultatul grafic va fi:

Advertisements
User Interface. Frame Layout

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s