Cara Membuat Image Button di Android

Cara Membuat Image Button di Android

lebakcyber.net – Pada kesempatan kali ini kita akan membahas mengenai bagaimana cara membuat image button di Android Studio. Android ImageButton biasanya digunakan untuk menampilkan gambar atau icon bukannya teks namun berfungsi sebagai button.

Pada tutorial membuat image button di Android Studio ini kita akan mempraktekan bagaimana menggunakan ImageButton di aplikasi Android sekaligus menambahkan event onClick, dimana saat Anda mengklik ImageButton akan keluar pesan Toast.

Oke langsung saja kita praktekan bagaimana cara membuat Image Button di Android.

Pertama download gambar yang ingin dijadikan sebagai button, pada contoh ini saya menggunakan gambar Smile Face Nirvana, lalu copy file foto tersebut ke folder drawable seperti pada gambar dibawah ini :

Edit layout XML menjadi seperti pada perintah dibawah ini :

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

    <TextView
        android:id="@+id/textView2"
        android:autoLink="web"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="lebakcyber.net"
        android:layout_gravity="center"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="buttonBiasa"
        android:text="Ini Button Biasa"/>

    <ImageButton
        android:id="@+id/imageButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16sp"
        android:onClick="buttonGambar"
        android:layout_gravity="center"
        android:src="@drawable/smileface" />

</LinearLayout>

Selanjutnya kita setting Activity di File Java seperti perintah dibawah ini :

package tutorial.lebakcyber.net.tutorial1;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

}
public void buttonBiasa(View view) {
Toast.makeText(getApplicationContext(), "Kamu Mengklik Button Biasa", Toast.LENGTH_LONG).show();
}

public void buttonGambar(View view) {
Toast.makeText(getApplicationContext(), "Kamu Mengklik Button Gambar", Toast.LENGTH_LONG).show();
}
}

Sekarang jalankan programnya melalui emulator, pada saat button gambar smileface di klik nanti akan keluar Toast yang memberikan informasi kalau Anda mengklik button gambar seperti pada gambar dibawah ini :

Oke jadi seperti itulah bagaimana cara membuat image button di Android Studio. Semoga tutorial sederhana ini dapat bermanfaat bagi kalian yang baru mempelajari bahasa pemrograman Android. Sampai bertemu di tutorial selanjutnya.