Tutorial Android Cara Membuat Altert Dialog

Menampilkan Toast Toast adalah kotak kecil transparan, bila dipanggil akan muncul diatas aplikasi yang sedang berjalan. Biasanya toast berisi pesan singkat. Gambar 12.1.1 adalah cuplikan toast saat tombol diklik. Contoh penerapannya adalah pesan yang muncul ketika Anda melakukan save pada suatu aplikasi. Toast juga bisa digunakan untuk menampilkan parameter volume suara saat Anda membesarkan atau mengecilkan suara.

Gambar 12.1.1

Menampilkan pesan dalam toast sangat mudah. Ikuti langkah demi langkah berikut ini.

1. Jalankan Enclipse, buat Project baru.

2. Isilah parameter seperti berikut

Project name : MembuatAlerDialog
Contents : Create new project in workspace
Build Target : Android 2.1
Application name : Membuat Tombol alertDialog
Package name : contoh. alertDialog
Create Activity : alertDialog
Min SDK version : 7

3. Kemudian ketikkan script berikut ini pada main.xml.

<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <button android:layout_width="fill_parent" android:text="Tampilkan Toast" android:id="@+id/toast" android:layout_height="wrap_content"></Button> </LinearLayout>

4. Ketiklah script alertDialog.java seperti berikut

package contoh.alertDialog; import android.app.Activity; import android.os.Bundle; import android.widget.Button; import android.widget.Toast; import android.view.View; public class alertDialog extends Activity implements View.OnClickListener { Button pesanToast; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); pesanToast=(Button)findViewById(R.id.toast); pesanToast.setOnClickListener(this); } public void onClick(View view){ Toast.makeText(this, "Anda memilih Toast", Toast.LENGTH_SHORT).show();  } }

5. Bila script berantakan, lakukan Format (source > format).
6. Lakukan RUN dan lihat hasilnya.

Alert Dialog dengan Button Alert dialog dengan button sering digunakan untuk menampilkan konfirmasi ketika Anda ingin keluar dari aplikasi. Begitu tombol diklik, akan muncul konfirmasi apakah Anda benar-benar ingin keluar dari aplikasi atau tidak. Jika diklik tombol ya, aplikasi akan berhenti. Jika tidak, konfirmasi ini akan hilang dan kembali ke tampilan sebelumnya. Perhatikan gambar 12.2.1 .

Gambar 12.2.1

Sudah siap ? ayo mari kita mulai!

1. Buka kembali main.xml kemudian tambahkan script yang tebal.

<?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <button android:layout_width="fill_parent" android:text="Tampilkan Toast" android:id="@+id/toast" android:layout_height="wrap_content"> </Button> <button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Keluar sekarang" android:id="@+id/exit"> </Button> </LinearLayout>

2. Sekarang tambahkan alertDialog.java dengan syntax yang dicetak tebal.

package contoh.alertDialog; import android.app.Activity; import android.app.AlertDialog; import android.content.DialogInterface; import android.os.Bundle; import android.widget.Button; import android.widget.Toast; import android.view.View; public class alertDialog extends Activity implements View.OnClickListener { Button pesanToast; <b>Button keluar; /** Called when the activity is first created. */ @Override publicvoid onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); pesanToast=(Button)findViewById(R.id.toast); pesanToast.setOnClickListener(this); <b>keluar=(Button)findViewById(R.id.exit);</b> <b>keluar.setOnClickListener(this);</b> } public void onClick(View view){ if (view==pesanToast){ Toast.makeText(this, "Anda memilih Toast", Toast.LENGTH_SHORT).show(); } else if (view==keluar){ AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.setMessage("Apakah Anda Benar-Benar ingin”+ “ keluar?").setCancelable(false) .setPositiveButton("Ya",new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog,int id) { alertDialog.this.finish();} }) .setNegativeButton("Tidak",new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int id) { dialog.cancel();}}) .show(); } } }

3. Bila script berantakan, lakukan Format (source > format).
4. Lakukan RUN dan lihat hasilnya.

Alert Dialog dengan List List dialog biasanya dimanfaatkan untuk menampilkan beberapa alternatif pilihan item. Tampilannya seperti pada gambar 12.3.1.

Gambar 12.3. 1

1. Tambahkan script yang dicetak tebal pada main.xml

<?xml version="1.0" encoding="utf-8"?>  <linearlayout xmlns:android="http://schemas.android.com/apk/res/android"  android:orientation="vertical"  android:layout_width="fill_parent"  android:layout_height="fill_parent" >  <button android:layout_width="fill_parent"  android:text="Tampilkan Toast" < android:id="@+id/toast" < android:layout_height="wrap_content"></Button>  <button android:layout_width="fill_parent"  android:layout_height="wrap_content"  android:text="Tampilkan List"  android:id="@+id/listDialog"></Button>  <button android:layout_width="fill_parent"  android:layout_height="wrap_content"  android:text="Keluar sekarang"  android:id="@+id/exit"></Button>  </LinearLayout>

2. Sekarang ganti alertDialog.java seperti berikut (ganti seperlunya saja)

package contoh.alertDialog;  import android.app.Activity;  import android.app.AlertDialog;  import android.content.DialogInterface;  import android.os.Bundle;  import android.widget.Button;  import android.widget.Toast;  import android.view.View;  public class alertDialog extends Activity implements View.OnClickListener {  Button pesanToast;  Button keluar;  Button tampilList;  /** Called when the activity is first created. */  @Override  public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); pesanToast=(Button)findViewById(R.id.toast); pesanToast.setOnClickListener(this); keluar=(Button)findViewById(R.id.exit); keluar.setOnClickListener(this); tampilList=(Button)findViewById(R.id.listDialog); tampilList.setOnClickListener(this); } public void onClick(View view){ if(view==pesanToast){ Toast.makeText(this, "Anda memilih Toast", Toast.LENGTH_SHORT).show(); } else if(view==keluar){ AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.setMessage("Apakah Anda Benar-Benar ingin"+ "keluar?").setCancelable(false) .setPositiveButton("Ya",new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog,int id) { alertDialog.this.finish();} }) .setNegativeButton("Tidak",new DialogInterface.OnClickListener() {  public void onClick(DialogInterface dialog, int id) { dialog.cancel();}}).show(); } //menampilkan list dialog else if(view== tampilList){ final CharSequence[] items = {"Es Teh", "Es Jeruk", "Lemon Squash","Soft” +” Drink"}; AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.setTitle("Pilih Minuman"); builder.setItems(items, new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int item) { Toast.makeText(getApplicationContext(), items[item], Toast.LENGTH_SHORT).show(); } }).show();   }  } }

3. Bila script berantakan, lakukan Format (source > format).
4. Lakukan RUN dan lihat hasilnya.

12.4. Alert Dialog dengan CheckBox Checkbox dialog merupakan salah satu variasi alert dialog. Kegunaanya hampir sama seperti sebelumnya, hanya saja dilengkapi dengan tombol yang berubah warna jika di click sebagai tanda bahwa item telah dipilih. Berikut tampilannya pada gambar 12.4.1.

Gambar 12.4.1

Anda cukup mengganti beberapa baris script java di latihan sebelumnya. Perhatikan script berikut. .....

final CharSequence[] items = {"Es Teh", "Es Jeruk", "Lemon Squash","Soft Drink"};  AlertDialog.Builder builder = new AlertDialog.Builder(this);  builder.setTitle("Pilih Minuman");  builder.setItems(items, new DialogInterface.OnClickListener() {  public void onClick(DialogInterface dialog, int item) {  Toast.makeText(getApplicationContext(), items[item], Toast.LENGTH_SHORT).show(); } }) ...... Script diatas diganti dengan script dibawah ini.  final CharSequence[] items = {"Ayam Goreng", "Lele Bakar", "Nasi Goreng"};  AlertDialog.Builder builder = new AlertDialog.Builder(this);  builder.setTitle("Pilih Menu");  builder.setSingleChoiceItems(items, -1, new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int item) {  Toast.makeText(getApplicationContext(), items[item], Toast.LENGTH_SHORT).show(); } })

Lakukan run, kemudian pilih tombol “Tampilkan List”.

oke artikel kali sudah selasai mudah bangetkan membuat Altert Dialog ? Baca Artikel saya yang lainnya juga ya Terima Kasih :D.