Bu yazımda androidde xml ve relativelayout hakkında bilgi vereceğim.Android projelerinde resource/layout klasöründeki xml dosyaları sayesinde ekranda gösterilecek görüntüleri istediğimiz gibi düzenleyebiliyoruz.Xml yapısı çeşitli layoutlardan oluşur.Bunların en temellerinden biri relativelayout’tur.RelativeLayout komponentleri komşuluk mantığına göre yerleştirir.Android’de xml içindeki komponentler id’lere sahiptirler. Id’ler sayesinde örnek olarak hazırladığımız butonu özelleştirmiş oluyoruz.

<Button

android:id=“@+id/changeButton”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignParentLeft=“true”

android:layout_below=“@+id/nameView”

android:layout_marginLeft=“22dp”

        android:layout_marginTop=“26dp”

android:text=“Onayla” />

android:id=“@+id/changeButton”

Bu satırda oluşturdugumuz butonun id değerini changeButton olarak belirliyoruz.Daha sonra bu butonu kullanmak için changeButton değerini kullanacağız. Buradaki önemli parametrelerden diğeride layout_witdh bu parametre bizim komponentimizin genişliği ve kaplayacağı alanı belirler. Relative Layout mantığına göre bu parametreyi wrap_content,fill_parent,match_parent gibi değerler verebiliriz.

fill_parent : Bu değer sayesinde view kendisinin içinde bulunduğu viewgroup’un genişliği kadar genişler.

wrap_content : Bu değer view’in diğer viewlerden ayrı bir şekilde durmasını sağlar.

match_parent : match_parent değeri fill_parent ile aynı işlevi görür.

android:layout_below=“@+id/nameView” : Bu satırdaki kod butonumuzun daha önceden oluşturduğumuz nameView adlı view’imizin altında bulunmasını sağlayacak.

android:layout_marginLeft=“22dp” : MarginLeft  anahtar kelimesi oluşturduğumuz view’in içinde bulunduğu viewgroup’un sol başlangıç noktasından kaç dp ileride olacağını belirler.

android:layout_marginTop=“26dp” : MarginTop anahtar kelimeside aynı şekilde viewgroup’un üst başlangıç noktasından kaç dp aşağıda olacağını belirler.

android:text=“Onayla” : Bu satırda butonumuzun üzerinde yazılacak text değerini belirliyioruz.

Aşağıda RelativeLayout ile ilgili hazırladığım ufak bir kod örneği ve görüntü çıktısı bulunmakta. 

<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android&#8221;
xmlns:tools=”http://schemas.android.com/tools&#8221;
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:paddingBottom=”@dimen/activity_vertical_margin”
android:paddingLeft=”@dimen/activity_horizontal_margin”
android:paddingRight=”@dimen/activity_horizontal_margin”
android:paddingTop=”@dimen/activity_vertical_margin”
tools:context=”.MainActivity” >

<EditText
android:id=”@+id/nameBox”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_alignTop=”@+id/nameBox”
android:layout_toRightOf=”@+id/changeButton”
android:ems=”10″ />

<TextView
android:id=”@+id/invisibleText”
android:visibility=”invisible”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_alignBaseline=”@+id/changeButton”
android:layout_alignBottom=”@+id/changeButton”
android:layout_alignRight=”@+id/nameBox”
android:layout_marginRight=”50dp”
android:text=”YOK”
android:textSize=”25dp”
/>

<Button
android:id=”@+id/changeButton”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_alignParentLeft=”true”
android:layout_below=”@+id/nameView”
android:layout_marginLeft=”22dp”
android:layout_marginTop=”26dp”
android:text=”Onayla” />

<TextView
android:id=”@+id/nameView”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_alignBottom=”@+id/nameBox”
android:layout_alignLeft=”@+id/changeButton”
android:text=”Ad:”
android:textSize=”25dp” />

</RelativeLayout>

Ekran Görüntüsü :