Android OS yüklü cihaz sayısı gün geçtikçe artmakta ve bu cihazları tercih eden kullanıcı sayısı da doğru orantlı olarak çoğalmakta. Ülkemizde de android yüklü cihazlar trend olmuş durumda. Bu durum karşısında Türk uygulama geliştiricileri de android'e yönelmekte. Son zamanlarda android markette Türkçe uygulamaların sayı gün geçtikçe fazlalaşıyor. 

2010 yılında yapılan Google IO da, android uygulamalarının arayüz olarak nasıl olması gerektiği konusunda bir kaç sunum yapılmıştı. Kullanıcıların parmak hareketleri ile uygulamayı zorlanmadan kullanabilmesi için geliştiricilerin bu tasarımlara uyması gerektiği belirtiliyordu. Android markette popüler olan uygulamalara baktığımız zaman hemen hemen hepsinin android ui pattern diye belirtiğimiz bu standartlaşma çalışmasına uymaya çalıştığını görüyoruz. Son kullanıcılar da bu patternlara uyan uygulamaları tercih ediyorlar.  Bu yüzden android uygulaması geliştiriyorsak, uygulamamızın arayüzünü ui pattern'a göre tasarlamak kaçınılmaz hale geliyor.

Bu standartlar içersinde yer alan Action bar, uygulamaya gerçekten farkı bir hava katıyor ve kullanıcıya fonksiyonalite olarak çok kolaylıklar sağlıyor. Action Bar android 3.0 versiyonu ile birlikte geliştiricilere sunuldu. Bizde diğer android versiyonlarında da kullanabilmek için Droidpark  olarak tüm android versiyonlarında çalışabilen bir Action Bar hazırladık.  Bu yazıda kendi uygulamanıza DroidActionBar'ı nasıl kullanabileceğinizi anlatacağım. 

Öncelikle http://code.google.com/p/droidbar/ adresinden DroidBar projesini checkout edit. Daha sonra eclipse'de android projesi olarak import edin.  Şimdi örnek olarak yeni bir android projesi oluşturalım ve Droid Barı bu projede kullanalım.  File -> New -> Android Project kombinasyonundan yeni bir android projesi oluşturuyoruz. 



Oluşturacağımız projenin minimum çalışma ortamı 2.1 olsun.



Projemizin diğer ayarlarınıda aşağıdaki şekilde yapıp finish butonuna tıklıyoruz.



Demo projemizi bu şekilde oluşturmuş olduk. Son olarak Eclipse ekran görüntüsü aşağıdaki gibi olmalı.



Şimdi sıra Demo projemize, Droid Bar projesini Library Project olarak tanıtmaya. Bu işlemden sonra Droid Bar projesi altında yer alan tüm resourceları Demoda da kullanabilr hale geleceğiz.

Demo Projesi seçip Sağ tıklayarak Properties menüsünden açılan pencerede Android sekmesini seçiyoruz. Library bölümündeki Add butonuna basarak çıkan pencereden Droid Bar'ı seçip Ok butonuna tıklıyoruz. 

 

Son olarak Apply butonuna ve OK butonlarına basarak properties penceresini kapatıyoruz. Bu son işlemlerden sonra Demo projesinin ağaç yapısı aşağıdaki gibi olmalıdır.

 

Bu işlemler biraz karışık gelebilir. Bundan dolayı her adımın ekran görüntüsünü yayınlamaya çalıştım. Artık Droid Barı kullanmaya başlayabiliriz. İlk olarak res/layout/main.xml layout dosyasını açalım. Bu dosya içerisine otomatik olarak eklenmiş textview componentini siliyoruz  ve aşağıdaki şekilde Droid Bar componentini ekliyoruz.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <com.droidpark.android.tools.bar.DroidBar
    	android:id="@+id/droidBar" 
	android:layout_width="fill_parent"
	android:layout_height="45dip" 
	android:layout_alignParentLeft="true"
	android:layout_alignParentTop="true"     
    />

</LinearLayout>

DemoActivity.java sınıfını açıyoruz. Burada aşağıdaki şekilde Droid Bar componentimizin konfigürasyonunu yapıyoruz.

public class DemoActivity extends Activity {
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        DroidBar droidBar = (DroidBar) findViewById(R.id.droidBar);
    	
        //ActionBar'da uygulama basligi
        droidBar.setTitle("DroidPark");
        
        //ActionBar'da uygulama simgesi
    	droidBar.setAppIcon(android.R.drawable.ic_menu_mylocation);
    	
    	//Buton ekliyoruz.
    	droidBar.addActionButton(android.R.drawable.ic_menu_compass, new OnClickListener() {
			public void onClick(View v) {
				Log.i("ActionBar", "Compass Clicked!");
			}
		});
    	
    	//Baska bir tane buton ekliyoruz. 
    	droidBar.addActionButton(android.R.drawable.ic_menu_search, new OnClickListener() {
			public void onClick(View v) {
				Log.i("ActionBar", "Search Clicked!");
			}
		});
        
    }
}

Eklediğim açıklama satırlarından da anlaşılacağı üzere setTitle ile uygulamamızın başlığını, setAppIcon ile başlığın hemen solunda yer alacak olan uygulama simgesini ekliyoruz. Daha sonra da action barımıza 2 tane buton ekliyoruz. Buton ekleme limiti bulunmuyor. İstediğiniz kadar ekleyebilirsiniz. Butonların action barda yer alma sıralaması ilk eklenen en solda olmak üzre action barın sağ kısmına dayalı biçimdedir. Uygulama simgesi ve uygulama başlığı ise action barın en solunda yer almaktadır.

AddActionButton fonskiyonuna göz atarsak, ilk parametre olarak butonun simgesini veriyoruz. 2. parametre ise butona tıklandığında tetiklenecek olan click listenerımızı oluşturuyoruz.  Artık demo uygulamamızı çalıştırabiliriz. 



DroidBar'ın arkaplanını değiştirmek isterseniz, DroidBar projesinde yer alan droidpark_actionbar_bg.xml xml dosyasını editleyin. 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
  <gradient 
	android:startColor="#F9F9F9"
	android:centerColor="#E3E3E3"
	android:endColor="#DBDBDB"
    	android:angle="270" />
</shape>

Buradaki start , center ve end color değerlerini değiştirerek kendi arkaplan renginizi verebilirsiniz.  DroidBar'ın bazı eksiklikleri var mesela arkaplan rengi gibi değerlerin DroidPark projesi değilde kendi projemiz üzerinden verilmesi gibi. İlerleyen zamanlarda bu eksiklikleri de tamamlayacağız.

Projelerinizde kullanmanız dileği ile şimdilik hoşçakalın :)

Kamil Örs
Software Developer

Maille Gönder