Dalam tutorial ini, kita akan belajar cara untuk menampilkan kotak peringatan (alert) di Android. Berikut Langkah-langkahnya:
- Pertama, gunakan
AlertDialog.Builder
untuk membuat antarmuka kotak peringatan, seperti judul, pesan, tombol, dan tombol OnClick fungsi. - Kemudian melampirkan atas pembangun untuk
AlertDialog
dan menampilkannya. - Done :D
Contoh Membuat Project Android
1. Pada Android Studio, buatlah project baru.
=> Jika Anda tidak memiliki sebuah project, di layar Welcome klik New Project.
=> Jika Anda telah membuka project, dari menu File, pilih New Project.
=> Jika Anda telah membuka project, dari menu File, pilih New Project.
3. Pada Select the form factors your app will run on, centang untuk Phone and Tablet.
4. Pada Add an activity to Mobile, pilih Blank Activity dan klik Next.
Next ->
5. Klik tombol Finish untuk membuat project.
6. Pilih View Anda sebagai Project, Buka file layout untuk kegiatan utama (activity_main.xml) terletak di bawah App ⇒ res ⇒ layout.
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="alertdialog.megadistudio.com.alertdialog.MainActivity" android:background="@color/colorAccent"> <TextView android:text="@string/tk" android:textStyle="bold" android:textSize="50sp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:id="@+id/textView" /> <ImageView android:layout_width="150dp" android:layout_height="150dp" android:background="@drawable/tk" android:layout_below="@+id/textView" android:layout_centerHorizontal="true" android:layout_marginTop="12dp" android:id="@+id/imageView" /> <Button android:text="Show Button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/showButtonId" tools:text="@string/show_title" android:textAllCaps="false" android:background="@android:color/holo_green_light" android:layout_marginTop="74dp" android:layout_below="@+id/imageView" android:layout_centerHorizontal="true" /> </RelativeLayout>
7. Buka string.xml terletak di app ⇒ res ⇒ value dan copy kode di bawah ini.
string.xml
<resources> <string name="app_name">AlertDialog</string> <string name="tk">Tahu Koding</string> <string name="show_title">Show Dialog</string> <string name="dialog_title">My Dialog</string> <string name="dialog_message">Hello i am your dialog!!</string> <string name="positive_button">Yes</string> <string name="negative_button">No</string> </resources>
8. Sekarang Buka MainActivity.java terletak di app ⇒ src ⇒ Java dan copy kode di bawah ini.
MainActivity.java
package alertdialog.megadistudio.com.alertdialog; import android.app.Activity; import android.content.DialogInterface; import android.support.v7.app.AlertDialog; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; public class MainActivity extends Activity { private Button showDialogId; private AlertDialog.Builder dialog; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); showDialogId = (Button) findViewById(R.id.showButtonId); showDialogId.setOnClickListener(new View.OnClickListener(){ @Override public void onClick(View v) { dialog = new AlertDialog.Builder(MainActivity.this); //set Title dialog.setTitle(getResources().getString(R.string.dialog_title)); //set message dialog.setMessage(getResources().getString(R.string.dialog_message)); //set cancelable dialog.setCancelable(false); //set an icon dialog.setIcon(android.R.drawable.btn_star); //set positive button dialog.setPositiveButton(getResources().getString(R.string.positive_button), new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { MainActivity.this.finish(); } }); //set negative button dialog.setNegativeButton(getResources().getString(R.string.negative_button), new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.cancel(); } }); AlertDialog alertD = dialog.create(); alertD.show(); } }); } }
Untuk menjalankan aplikasi dari Android Studio , klik Run ikon dari toolbar.