Android Kullanıcı Arayüzü - Button Controls

Her sistemde olduğu gibi android de butonlar çok kullanılıyor. Birkaç faklı özellik ekleyerek butonları çeşitlendirebiliriz. Bu makalemizde 3 çeşit butondan bahsedeceğiz. Basic Button, İmage Button, T

08.04.2012

Yazar: Gül Yurdakul (Google+)

Kategori: Android

5620

Button Kontrolleri

Basit Button Kontrolü

Basic buton android.widget.Button sınıfı içerisindedir. Bu buton ile yapılacak pek bir şey yok. Bunun click event’ine bakalım.

Örnek bir buton oluşturalım.

Xml:

<?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" >

<Button

android:id="@+id/btnBasic"

android:text="Basic Button"

android:typeface="serif" android:textStyle="bold"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

</LinearLayout>

Kod:

Button btnBasic = (Button)findViewById(R.id.btnBasic);

btnBasic.setOnClickListener(new OnClickListener() {

@Override

publicvoid onClick(View v) {

// TODO Auto-generated method stub

Toast msg = Toast.makeText(DenemeMakaleActivity.this, "Message", Toast.LENGTH_LONG);

msg.show();

}

});

OnClick eventi setOnClickListener() metodu ve OnClickListener birlikte oluşur. Buton tıklandığında onClick eventi çalışır. Buton tıklandığında ekranda bir mesaj çıkmaktadır. Bunu da Toast sınıfı ile oluşturuyoruz.

Çıktı:

ImageButton Kontrolü

Image butonu, android.widget.ImageButton sınıfı içerisindedir. Basic butonun kullanımına benzer.

Xml:

<?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" >

<ImageButton

android:id="@+id/imageButton1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/ic_launcher"

</LinearLayout>

Butonun resmini Xml de android:src=”resmin bulunduğu yer/resim adı” bu şekilde belirtiyoruz.

Resmi kod tarafında da dinamik olarak belirtebiliriz. Bunu şu şekilde gösteriyoruz:

ImageButton imgbtn = (ImageButton)findViewById(R.id.imageButton1);

imgbtn.setImageResource(R.drawable.ic_launcher);

Bu kodu kullanırken xml de resim kaynağını belirtmemize gerek yok.

Toggle Button Kontrolü

Toggle Buton, checkbox ya da radio butonu gibi iki durumu vardır. Bu buton ya On ya da Off durumundadır. Butonun varsayılan şekli; On durumunda yeşil bir bar, Off durumunda gri bir bar şeklindedir. Hatta varsayılan yazıları; On durumunda “On”, Off durumunda “Off” şeklindedir.

Xml:

<ToggleButton

android:id="@+id/toggleButton1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="ToggleButton"

İstersek toggle butonun default textlerini değiştirebiliriz. On durumunda “Run”, Off durumunda “Stop” yazsın. İki durumu da gösterebilmek için iki tane toggle buton oluşturdum. Bunu şu şekilde gösterebiliriz:

Çıktı:

Yazar Hakkında

Gül Yurdakul

www.gulyurdakul.com

1990 doğumlu Gül Yurdakul, Eskişehir Osmangazi Üniversitesi 3. sınıf öğrencisidir. Bir çok projede çalışmıştır. Özel bir yazılım firmasında mobil yazılım üzerine çalışmış olup şu an kendini geliştirmekte ve part-time iş aramaktadır. Uzmanlaşmış olduğu alanlar: C, C++, Visual C#, Android, Sql 2008, Object Oriented, JavaScript.

Yazar Hakkında

Sosyal Medya

1 Yorum

Yorum Yaz / Soru Sor

Son Yorumlar

En Güncel Sorular

En Son Cevap Verilen Sorular

Twitter

En Çok Okunanlar

Sponsorlar