Sharing Knowledge

« Android Font | Main | Android Translate »
Tuesday Jun 29, 2010

Displaying dialogs in Android

Dialog adalah sebuah window yang tampil sebagai sebuah peringatan yang terjadi dalam aplikasi yang anda. Android memiliki beberapa macam dialog seperti Alert Dialog, Prompt Dialog, dan Dialog with Checkbox.

1. Alert Dialog
yaitu kotak dialog yang muncul sebagai sebuah peringatan kecil. Peringatan bisa dalam bentuk peringatan error atau peringatan tentang peristiwa yang terjadi dalam aplikasi. Alert Dialog ini ada dalam Android app builder, jadi agar alert dialog bisa tampil anda harus mengimport nya terlebih dahulu

 import android.app.AlertDialog.Builder

kemudian kode di kelas Activity nya seperti dibawah ini :

 public class AlertDialog extends Activity {
    @Override
    public void onCreate(Bundled savedInstanceState){
    super.onCreate(SavedInstanceState);

        Builder alert = new Builder(this);
        alert.setIcon(R.drawable.icon_alert);
        alert.setMessage("Do you want to exit?");
        alert.setPositiveButton("OK", null);
        alert.setNegativeButton("Cancel", null);
        alert.show();

}

}

 Penjelasan :
Builder alert = new Builder(this);
- membuat object alert dari builder android app

alert.setIcon(R.drawable.icon_alert);
- menampilkan alert dialog dengan sebuah gambar atau image. Copy image dalam folder res / drawable

alert.setMessage("Do you want to exit?");
- statement yang akan kita tampilkan dalam alert dialog

alert.setPositiveButton("OK", null);
- untuk kondisi ketika button OK di pilih

alert.setNegativeButton("Cancel", null);
- untuk kondisi ketika button Cancel di pilih

alert.show();
- perintah untuk menampilkan alert dialog di emulator


Gambar 1 Alert Dialog

2. Prompt Dialog
yaitu dialog yang muncul dengan sebuah kotak isian atau edit text.
Buat kotak dialog isiannya di main.xml

  TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
                                                 android:orientation="horizontal" android:stretchColumns="0"
                                                 android:layout_height="fill_parent"
                                                 android:layout_width="wrap_content">

  <TableRow>
       <TextView android:text="Type text here" />
  </TableRow>

  <TableRow>
       <EditText android:textSize="16px" />
  </TableRow>

  <TableRow>
       <Button android:id="@+id/buttonOK"  android:text="OK" />
       <Button android:id="@+id/buttonCancel"  android:text="Cancel" />
  </TableRow>

  </TableLayout>

 untuk menampilkan prompt dialog, perhatikan kode dibawah ini :

 Dialog  prompt = new dialog(this);
 prompt.setContentView(R.layout.main);
 prompt.setTitle("Prompt Dialog");
 prompt.show();

  Penjelasan :
  Dialog prompt = new Dialog(this);
- membuat object prompt dari android dialog app

  prompt.setContentView(R.layout.main);
- memanggil file dari xml atau main.xml

 prompt.setTitle("Prompt Dialog");
- Statement yang akan ditampilkan di prompt dialog

 dialog.show();
- perintah untuk menampilkan prompt dialog di emulator

Gambar 2 Prompt Dialog



3. Dialog with Checkbox
yaitu dialog yang muncul bersama dengan checkbox. Langkah pembuatannya sama dengan prompt dialog.

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical" android:stretchColumns="0"

android:layout_height="wrap_content" android:layout_width="wrap_content">

<TableRow>

<TextView android:textColor="#ffffff" android:text="Android:"

android:textSize="16px" android:layout_marginLeft="6dip"

android:layout_gravity="center_vertical" />

<CheckBox android:id="@+id/checkboxAndroid"

android:layout_gravity="right|top" />

</TableRow>

<TableRow>

<TextView android:textColor="#ffffff" android:text="Blacberry:"

android:textSize="16px" android:layout_marginLeft="6dip"

android:layout_gravity="center_vertical" />

<CheckBox android:id="@+id/checkboxBlackberry"

android:layout_gravity="right|top" />

</TableRow>

<TableRow android:layout_marginTop="230px">

<Button android:id="@+id/buttonOK" android:text="ok"

android:layout_height="wrap_content" android:layout_width="wrap_content" />

</TableRow>

</TableLayout>


Gambar 3 Dialog with Checkbox

Posted at 06:51PM Jun 29, 2010 by nety ozora in General  |  Comments[0]

Comments:

Post a Comment:
  • HTML Syntax: Allowed