Cara Membuat Button OnClick di Android Studio dengan Contohnya

Dalam artikel yang terdahulu, kita sudah membahas mengenai Button pada layout XML android. Kali ini saya tidak akan membahas button dari segi layout XML-nya, melainkan dari segi Java-nya. Dalam artikel ini saya akan berbagi ilmu pengetahuan bagaimana cara agar button tersebut dapat diklik oleh pengguna, atau yang biasa disebut dengan button onclick event. Sebelum masuk ke pembahasan, ada baiknya kalau anda membaca artikel saya yang sebelumnya mengenai button pada XML di Android Studio, karena artikel ini berhubungan dengan artikel tersebut.

Button OnClick di Android Studio

Pada artikel ini saya akan membuat contoh button yang apabila button tersebut diklik oleh pengguna, maka akan muncul sebuah pesan teks singkat. Berikut ini adalah tutorial dari Button Onclick di Android Studio.

Untuk memulainya, pertama-tama tambahkanlah sebuah Button pada layout XML android anda. Berikut ini adalah atribut yang saya gunakan pada button tersebut.

<Button
    android:id="@+id/button_1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button OnClick"
    android:layout_centerInParent="true"/>

Jangan lupa untuk menambahkan atribut android:id pada atribut Button anda.

Setelah itu bukalah file MainActivity.java kalian dan tambahkan kode berikut setelah setContentView(..) pada fungsi onCreate.

Button button = (Button) findViewById(R.id.button_1);

Fungsi dari kode diatas adalah untuk mendeklarasikan button yang sudah kita tambahkan pada layout XML agar dapat terhubung dan dikenali oleh file MainActivity.java.

Langkah selanjutnya adalah kita akan memberikan listener pada button sehingga button tersebut dapat diklik oleh pengguna. Tambahkan kode berikut tepat dibawah kode yang sebelumnya.

button.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View view) {
                 .........................
             }
         });

Karena saya akan membuat sebuah button yang dapat menampilkan pesan teks singkat, maka selanjutnya saya akan menambahkan toast pada listener button. Tambahkan kode dibawah ini pada bagian titik-titik pada kode yang sebelumnya.

Toast.makeText(getApplicationContext(), "Contoh Button onClick", Toast.LENGTH_LONG).show();

Untuk lebih jelasnya, anda dapat melihat keseluruhan kode yang ada pada file MainActivity.java. Berikut ini adalah kodenya;

package com.example.a455lj.buttonexample;

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

public class MainActivity extends AppCompatActivity {

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

        Button button = (Button) findViewById(R.id.button_1);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(getApplicationContext(), "Contoh Button onClick", Toast.LENGTH_LONG).show();
            }
        });
    }
}

Setelah selesai, save projek kalian dan cobalah running menggunakan emulator atau ponsel android anda. Berikut ini adalah hasilnya.

Button OnCLick di Android Studio

Nah, itulah sedikit penjelasan saya mengenai Button OnClick di Android Studio. Bagi anda yang ingin bertanya mengenai Button OnClick di Android Studio ini silahkan anda cantumkan dikolom komentar atau di halaman Hubungi Saya. Saya akan berusaha sebisa mungkin untuk membantu anda.

Anda juga bisa mengirimkan kritik dan sarannya mengenai artikel atau blog ini supaya, blog ini bisa menjadi lebih baik.

Terima Kasih.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.