Tutorial Cara Membuat Alert Dialog di Android Studio

Android Najwa - Selamat Malam para sahabat android najwa sekalian. Bagaimana tadi berbuka puasanya pasti udah kenyang kan? he he he... Oke, berlanjut dari materi sebelumnya yaitu Tutorial Cara Membuat Intent. Kali ini kita akan membahas mengenai sebuah materi yang dapat digunakan sebagai dialog pesan peringatan yang disebut "Alert Dialog"di Android Studio.

Alert Dialog Android

Apa itu Alert Dialog?

Alert Dialog bukanlah sebuah komponen widget tetapi Alert Dialog merupakan sebuah kotak pesan (Popup). Berikut ini contoh penggunaan Alert Dialog untuk memberikan pesan keluar aplikasi.

Contoh Sederhana Tampilan Sebelum Penggunaan AlertDialog

Ketika kita menekan tombol BACK (Panah kembali  di Smartphone kalian) maka aplikasi akan menampilkan pesan "Apakah yakin ingin keluar dari aplikasi?". Jika memilih "Tidak maka batal keluar aplikasi. Begitu juga sebaliknya jika memilih "Ya" maka menyetujui untuk keluar dari aplikasi. Bagaimana cara penggunaan Alert Dialog?

Tutorial Cara Membuat Alert Dialog

Langkah 1 : Jalankan Android Studio.exe kalian s, lalu buatlah project baru dengan seperti berikut.

• Application Name : Alert Dialog
• Package Name : androidnajwa.com
• Minimum Required SDK : API 15 Andorid 4.0.3 (IceCreamSandwich)

Buat Project Baru

Langkah 2 :  Pilih saja Blank Activity lalu klik Next dan Finish

Add Activity

Langkah 3 : Untuk membuat antarmuka halaman utama (activity_main.xml) seperti diatas tadi dapat dilakukan dengan “Drag and Drop” dari komponen yang tersedia atau langsung menuliskan script XML. Untuk script XML dapat dituliskan seperti berikut.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Tekanlah Tombol BACK!"
        android:id="@+id/textView"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:text="Ket : Tombol BACK (Arah Panah kembali Di Bagian Bawah Smartphone Kalian)"
        android:id="@+id/textView2"
        android:layout_below="@+id/textView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />
</RelativeLayout>

Langkah 4 : Bukalah MainActivity.java lalu edit seperti berikut ini

 package com.androidnajwa.alertdialog;

import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.KeyEvent;

public class MainActivity extends Activity {
    //deklarasi listener untuk dialog
    DialogInterface.OnClickListener listener;

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

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        //jika tombol BACK ditekan
        if(keyCode == KeyEvent.KEYCODE_BACK){
            Keluar();
        }
        return super.onKeyDown(keyCode,event );
    }

    //method untuk keluar aplikasi menggunakan dialog terlebih dahulu
    private void Keluar() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setMessage("Apakah anda yakin ingin keluar?");
        builder.setCancelable(false);//tombol BACK tidak bisa tekan

        //Membuat listener untuk tombol DIALOG
        listener = new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                if(which==DialogInterface.BUTTON_POSITIVE){
                    finish(); //keluar aplikasi
                }else if(which==DialogInterface.BUTTON_NEGATIVE){
                    dialog.cancel(); //batal keluar
                }
            }
        };

        //menerapkan listener pada tombol ya dan tidak
        builder.setPositiveButton("Ya", listener);
        builder.setNegativeButton("Tidak", listener);
        builder.show(); //menampilkan dialog
    }
} 

Sampai tahap disini sudah selesai. Sekarang lakukan testing, dengan cara menekan Shift+F10.

(1) Hasil Alert Dialog

Ketika kalian menekan tombol Back maka akan tampil hasil nya sebagai berikut 

(2) Hasil Alert Dialog

Nah, itulah hasil dari Penggunaan AlertDialog nanti akan muncul Popup yang mana kita akan memilih "Tidak", untuk batal kan aksi atau "Ya" untuk keluar aplikasi. Mudah Bukan?

Demikian Tutorial Cara Membuat Alert Dialog di Android Studio. Bila Ada Pertanyaan silakan komentar dihalaman Komentar. Terima Kasih Atas Kunjungan di Android Najwa.

Link Download Klik Disini

Catatan : Silakan Klik Gambar dibawah ini untuk mendapatkan Password RAR.

Tweet