Belajar Android Studio – Menampilkan Dialog Alert

Bagi anda yang pernah melakukan pemrograman web pasti sudah tidak asing dengan dialog “Alert” yang dijalankan melalui JavaScript bukan? Nah, Android Studio pun memiliki metode yang kurang lebih mirip dengan JavaScript untuk menghasilkan alert semacam itu.

Dialog Alert Standar

Untuk melakukannya buatlah project baru di Android Studio. Jika anda lupa caranya, anda bisa membaca artikel ini terlebih dahulu: Membuat Project Baru Di Android

Hapus saja widget Text Hello World di awal View, dan ganti dengan sebuah Button dari Pallete.

Dialog01

Ganti namanya menggunakan properties, misalnya: Show Alert

Dialog02

Kemudian pada MainActivity.java ketikkan script berikut:

1:  package com.roedavan.hello.appdialog;  
2:  import android.app.Dialog;  
3:  import android.content.DialogInterface;  
4:  import android.support.v7.app.AlertDialog;  
5:  import android.support.v7.app.AppCompatActivity;  
6:  import android.os.Bundle;  
7:  import android.view.View;  
8:  import android.widget.Button;  
9:  import android.widget.TextView;  
10:  public class MainActivity extends AppCompatActivity {  
11:    @Override  
12:    protected void onCreate(Bundle savedInstanceState) {  
13:      super.onCreate(savedInstanceState);  
14:      setContentView(R.layout.activity_main);  
15:      Button button = (Button) findViewById(R.id.button);  
16:      button.setOnClickListener(new View.OnClickListener() {  
17:        @Override  
18:        public void onClick(View v) {  
19:          AlertDialog.Builder mydialogbuilder = new AlertDialog.Builder(MainActivity.this);  
20:          mydialogbuilder  
21:              .setTitle("Konfirmasi")  
22:              .setMessage("Mau keluar dari aplikasi ini?")  
23:              .setCancelable(false)  
24:              .setIcon(android.R.drawable.ic_dialog_alert)  
25:              .setPositiveButton("Mau",new DialogInterface.OnClickListener() {  
26:                public void onClick(DialogInterface dialog,int id) {  
27:                  MainActivity.this.finish();  
28:                }  
29:              })  
30:              .setNegativeButton("Nggak",new DialogInterface.OnClickListener() {  
31:                public void onClick(DialogInterface dialog,int id) {  
32:                  dialog.cancel();  
33:                }  
34:              });  
35:              AlertDialog mydialog = mydialogbuilder.create();  
36:              mydialog.show();  
37:        }  
38:      });  
39:    }  
40:  }  

Jalankan aplikasi anda dan klik tombol Show Alert.

Dialog03

Jika tidak ada kesalahan, maka akan muncul sebuah dialog dengan 2 tombol seperti berikut. Tombol “Nggak” akan menutup dialog, sementara tombol “Ya” akan menutup aplikasi. Dialog ini merupakan salah satu bentuk dialog aplikasi konfirmasi standar untuk keluar dari aplikasi.

Dialog04

Dialog Alert Modifikasi

Bagaimana jika kita ingin menampilkan sebuah dialog alert namun hasil modifikasi kita sendiri? Caranya cukup mudah. Untuk itu anda perlu menambah layout baru dengan cara klik kanan pada folder layout dan pilih menu New > XML > Layout XML File.

Dialog05

Beri nama layout file misalnya: custom_dialog

Dialog06

Pada tampilan mock up, aturlah tampilan sesuai keinginan anda. Misalnya, dengan menambahkan satu buah Plain Text dan sebuah Button.

Dialog07

Pada file MainActivity.java ketikkan script berikut:

1:  package com.roedavan.hello.appdialog;  
2:  import android.app.Dialog;  
3:  import android.content.DialogInterface;  
4:  import android.support.v7.app.AlertDialog;  
5:  import android.support.v7.app.AppCompatActivity;  
6:  import android.os.Bundle;  
7:  import android.view.View;  
8:  import android.widget.Button;  
9:  import android.widget.TextView;  
10:  public class MainActivity extends AppCompatActivity {  
11:    @Override  
12:    protected void onCreate(Bundle savedInstanceState) {  
13:      super.onCreate(savedInstanceState);  
14:      setContentView(R.layout.activity_main);  
15:      Button button = (Button) findViewById(R.id.button);  
16:      button.setOnClickListener(new View.OnClickListener() {  
17:        @Override  
18:        public void onClick(View v) {  
19:          final Dialog custdialog = new Dialog(MainActivity.this);  
20:          custdialog.setContentView(R.layout.custom_dialog);  
21:          custdialog.setTitle("Custom Dialog");  
22:          TextView custtext = (TextView) custdialog.findViewById(R.id.textView);  
23:          custtext.setText("Test Custom Dialog");  
24:          Button custbtn = (Button) custdialog.findViewById(R.id.button2);  
25:          custbtn.setText("OK");  
26:          custbtn.setOnClickListener(new View.OnClickListener() {  
27:            @Override  
28:            public void onClick(View v) {  
29:              custdialog.dismiss();  
30:            }  
31:          });  
32:          custdialog.show();  
33:        }  
34:      });  
35:    }  
36:  }  

Jalankan aplikasi anda dan klik tombol Show Alert.

Dialog08

Dan dialog hasil modifikasi anda pun akan tampil. Bentuknya garing sih, tapi anda pasti mengertilah konsep secara garis besarnya bukan? 🙂

Dialog09

Cara Menampilkan Dialog Alert
Cara Menampilkan Dialog Alert
Cara Menampilkan Dialog Alert
Cara Menampilkan Dialog Alert
Cara Menampilkan Dialog Alert
Loading...


Leave a Reply

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

Shares