Layout Türleri – RelativeLayout

Merhabalar

Buradaki yazımızda Android layout kavramını öğrenmiştik.Bu yazımızda ise bu layout türlerinden RelativeLayout u inceleyeceğiz.



Relative layout, içerisinde bulunan ögelerin birbiyleriyle bağımlı olarak ekrana dizilmesini sağlamak için kullanılır. Yani bu layout türüne özel olan;

• layout_alignParentTop
• layout_alignParentLeft
• layout_alignLeft
• layout_alignRight
• layout_below
• layout_centerHorizontal

attribute ler ile nesnlerin birbirleriyle pozisyon olarak nasıl bağlı olduklarını belirleriz.
hemen örnek kod yazalım:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

    android:id="@+id/RLayout"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    xmlns:android="http://schemas.android.com/apk/res/android"

    >

    <TextView

        android:id="@+id/lblComments"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Comments"

        android:layout_alignParentTop="true"

        android:layout_alignParentLeft="true"

        />

    <EditText

        android:id="@+id/txtComments"

        android:layout_width="fill_parent"

        android:layout_height="170px"

        android:textSize="18sp"

        android:layout_alignLeft="@+id/lblComments"

        android:layout_below="@+id/lblComments"

        android:layout_centerHorizontal="true"

        />

    <Button

        android:id="@+id/btnSave"

        android:layout_width="125px"

        android:layout_height="wrap_content"

        android:text="Save"

        android:layout_below="@+id/txtComments"

        android:layout_alignRight="@+id/txtComments"

        />

    <Button

        android:id="@+id/btnCancel"

        android:layout_width="124px"

        android:layout_height="wrap_content"

        android:text="Cancel"

        android:layout_below="@+id/txtComments"

        android:layout_alignLeft="@+id/txtComments"

        />

</RelativeLayout>

Ekran Çıktısı aşağıdaki gibidir.