#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>
Ö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ı:
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!
1 Yorum