#8 – Android Layouts: Relative Layout; Uygulamalı Örnek ve Kodlar


Bu yazımda android layoutlarından Relative Layout anlatılacaktır.

Relative Layout

Relative layout ta  her eleman  diğer elemanların konumlarına veya bir ebeveyn elemana göre kendisini ayarlar.

[wpdm_file id=10]

Örneğin; aşağıda tanımlanmış layoutu düşünelim: ‘İptal’ butonu ‘Oturum Aç’ butonunun sağına relative(yani birbirlerine göre) ve paralel olarak yerleştirilmiştir. Bu işi yapan kodu veriyorum, daha iyi anlamak için inceleyiniz.

<Button android:id="@+id/btnLogin" ..></Button>

<Button android:layout_toRightOf="@id/btnLogin"
            android:layout_alignTop="@id/btnLogin"
            android:id="@+id/btnCancel" ..></Button>

relative_layout

Örnek bir Relative Layout oluşturmak için gerekli adımlar:

a. Eclipse te sırasıyla File -> New -> Android Application Project e tıklayın.

b. Gerekli yerleri doldurup (ilk derste anlatmıstım) projenizi oluşturun.

c. Package Explorer da layout klasörüne sağ tıklayıp: New -> Android XML File seçin. Yeni layouta isim verin, ben relativelayout dedim. Daha sonra Finish e basarak oluşturun.

d. Layout klasörü altındaki yeni oluşturduğunuz layoutu iki kere tıklayarak açın. Ve aşağıdaki kodları girin.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eee" >

<TextView android:id="@+id/txt" android:layout_width="fill_parent"
              android:layout_height="wrap_content" android:text="Kullanıcı Adı: " />
 <EditText android:id="@+id/kullanıcıadi" android:layout_width="fill_parent"
              android:layout_height="wrap_content" android:layout_below="@id/txt"
                 android:layout_marginTop="10dp" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/oturumButonu"
        android:layout_alignBottom="@+id/oturumButonu"
        android:layout_toRightOf="@+id/oturumButonu"
        android:text="İptal" />

    <Button
        android:id="@+id/oturumButonu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/kullanıcıadi"
        android:layout_marginTop="14dp"
        android:text="Oturum Aç" />

</RelativeLayout>

e. Yeni oluşturduğumuz bu layout u uygulamamızın arayüzü olarak ayarlamak istersek yapmamız gereken şey şu: src klasörü altındaki projenizin paket ismine iki kere tıklayın burada otomatik üretilmiş bir projenizin_ismi.java dosyası göreceksiniz, iki kere tıklayarak açın.

Burada onCreate metodu altında şu kodu göreceksiniz: setContentView(R.layout.main); bu kodun anlamı şudur: uygulamanın arayüzünü layout klasörü içindeki main.xml dosyasından oluştur.

Bizim istediğimiz ise yeni oluşturduğumuz xml dosyasını arayüz olarak kullanması.O yüzden kodu şu şekilde değiştiriyoruz: setContentView(R.layout.oluşturduğunuz_xml_dosyası); mesela ben relativelayout.xml diye oluşturduğum için benim durumumda şöyle olacak: setContentView(R.layout.relativelayout);

Relativelayout emülatör çıktısı:

android_relative_layout

Bu yazımda Relativelayout’u  detaylıca ve örneklerle anlattım.
Bir önceki  Android Layouts : Linear Layout adlı yazımızda Android Linear Layout detaylıca, örnek ve kodlarla anlatılmıştır.

Android Evreni’ nin yeni yazıları için AndroidEvreni‘ ni takip etmeye devam edin!

Şunlar da ilginizi çekebilir

1 Yorum

LEAVE A COMMENT