• Şuradasınız
  • Anasayfa
  • Android
  • Android Dersleri 19 : TabHost ile Tab Seklemeleri Oluşturma

Android Dersleri 19 : TabHost ile Tab Seklemeleri Oluşturma

Merhaba arkadaşlar. Daha önceki yazılarımda, ekranın alt kısmında menülerin oluşturulmasını anlatmıştım. Şimdi de üst kısımda bir nevi menü görevi yapan tab sekmelerinden bahsedeceğim. Bu işlemi, tabhost aracılığıyla yapıyoruz.

İlk olarak bir proje oluşturalım ve gelen sayfamızın xml dosyasına şu kodları yazalım.

xml

Burada, sayfamızın üstteki paneli için bir tab panel yaptık ve sayfayı yatay olarak kaplamasını sağladık. Bunu yazdıktan sonra activity_main.xml dosyamızın görünümü şu şekilde olacaktır.

2

Burada soldaki gibi sayfa1 ve sayfa2 adında 2 sayfa ekleyelim ve bunları birbirine bağlayalım. Daha sonra manifest dosyamıza gelelim ve bunları tanıtalım. Eklememiz gereken kod aşağıda dikdörtgen içine alınan koddur.

3

Bunları yaptıktan sonra sayfa1 ve sayfa2 java dosyalarının içine yazılması gereken kodu verelim.

s1 s2

Burada sadece bağlamaları yaptık. Bu sayfalara karşılık gelen xml dosyalarını yani sayfanın kendisini de gösterelim. Ben bunların sayfalarına aşağıdaki gibi birer textview ekledim.

x1 x2

Yapmamız gereken son işlem kaldı. Burada da MainActivity.java dosyasını kodlayacağız. Burada tüm tab işlemlerini yapacağız. Tab’larımıza resim koyacağız. Şimdi bunu kodlayalım ve anlatalım.

İlk olarak bir icon oluşturun ve bunu soldaki panelden drawable-hdpi klasörüne sürükleyip bırakın. Ben bir tane oluşturdum ve bu klasöre attım.

main

1 => Burada sınıfımızı Activity değil TabActivity sınıfından extends etmemiz gerekiyor.

2 => Burada java dosyamızı, xml sayfamıza bağladık.

3 => Burada bir tabhost nesnesi oluşturduk ve id‘si ile bağladık.

4 => Burada 2 adet TabSpec nesnesi oluşturduk. Bunlar, yukarıda çıkacak olan tablarımızdır. Burada tırnak içindeki isimler, manifest içindeki isimlerdir.

5 => Burada bir nevi tab’ları, sayfaları ile ilişkilendirdik. Buradaki ilk parametre, tab’ın ismidir. Drawable parametresinde de iconumuzu belirttik.

6 => Burada son olarak bu tab1 ve tab2 nesnelerini, tab panel’e ekledik.

Ekran çıktılarımız aşağıdaki gibi olacaktır.

tab1 tab2

Bu derste de tab’ların kullanımını anlattım. Diğer derslerde görüşmek üzere.

Benzer Yazılar

Yorumlar

Yorum Yazın

Su elementleri kullanabilirsiniz : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Arama
RSS
Beni yukari isinla