Android Button

Versi 1.0

1. Mengenal Button

Button adalah perangkat user interface pada Android yang berupa tombol. Button merupakan salah satu hal wajib pada aplikasi Android. Karena banyak aktivitas pada aplikasi Android yang membutuhkan Button untuk mengeksekusinya, seperti Login, Logout, Pencarian, atau Menu. Button dapat berisi tulisan, gambar, atau kombinasi keduanya.

1.1. Button Text
Button Text adalah Button dengan tulisan yang dapat dibuat dengan elemen <Button> seperti berikut ini.
    <Button xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Pencarian" />

3

1.2. Image Button
Image Button adalah Button yang dengan tampilan sebuah gambar/image yang dapat dibuat dengan ImageButton. Gambar yang kita jadikan sebagai tombol dapat kita atur sesuai keinginan kita. Misalnya kita akan membuat tombol pencarian dengan memberikan gambar kaca pembesar seperti ini.
button_search
Tombol kita beri nama button_search.png dan kita letakkan pada folder res/drawable-hdpi pada project seperti ini.
1
ImageButton dapat dibuat dengan element <ImageButton> seperti berikut ini.
    <ImageButton xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/button_search" />
2

Atribut android:src digunakan untuk mengambil file gambar pada ImageButton. ImageButton mengambil gambar yang bernama button_search.png pada folder drawable.

1.3 Button dengan Text dan Image
Button dengan Text dan Image bisa kita buat dengan elemen <Button> yang memakai atribut android:drawableLeft seperti berikut ini.
    <Button xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Pencarian"
        android:drawableLeft="@drawable/button_search" />

4

Atribut android:drawableLeft mengambil file gambar bernama button_search.png pada folder drawable seperti pada ImageButton.

2. Event Handling Pada Button

Ketika pengguna menekan Button, maka Button menerima event yang bernama on-click. Event ini bisa kita tangkap untuk menentukan reaksi apa yang timbul akibat Button yang ditekan. Misalnya kita buat tombol yang akan menampilkan suatu pesan setelah tombol tersebut ditekan. Kita buat dulu xml-nya seperti di bawah ini dan simpan pada file dengan nama button_event.xml pada folder layout.
    <Button xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/button_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Klik aja"
        android:drawableLeft="@drawable/love" />
Pada code tersebut ada atribut android:id=“@+id/button_1”. Atribut inilah yang dipakai untuk mengenali Button satu dengan lainnya. Button tersebut memiliki id yang bernama button_1. Selain xml, kita juga harus membuat code pemrograman di bawah ini. Buka class MainActivity.java, hapus fungsi onCreate() dan ganti dengan code di bawah ini.
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // menampilkan Button dengan event handler
        setContentView(R.layout.button_event);

        // Event handler pada Button
        Button button = (Button) findViewById(R.id.button_1);
        button.setOnClickListener(new View.OnClickListener() {		
                @Override
		public void onClick(View arg0) {
			Toast.makeText(MainActivity.this, 
					"Love will find you if you try", 
					Toast.LENGTH_LONG).show();
		}
	});
    }
Code tersebut mengambil object Button dari xml yang memiliki id bernama button_1. Fungsi setOnClickListener dari object Button yaitu menerima event klick yang kemudian diolah oleh fungsi onClick. Di dalam fungsi onClick inilah kita dapat menentukan reaksi yang timbul akibat Button yang diklick atau ditekan. Bila xml dan code diatas kita jalankan, maka akan menghasilkan tombol dan pesan yang tampil sesaat setelah tombol ditekan, seperti ini.
5
Yap, “Love will find you if you try” hadir sebagai penutup materi kali ini. Jadi buat yang lagi belajar bikin aplikasi Android dan masih jomblo, jangan menyerah, coba dan coba terus maka kamu akan berhasil membuat aplikasi Androidmu sekaligus mendapatkan cintamu. See you … 🙂
Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s