MessageBox Android Tutorials

Pada artikel sebelumnya tentang layout android dan macam-macamnya, kali ini saya akan menjelaskan kepada sobat tentang message box di android.

Message box termasuk dalam komponen dialog dalam android sama dengan alern dialog, toast, dan sebagainya. Dalam membuat sebuah aplikasi, objek message box mungkin dibutuhkan untuk interaksi atau memberikan informasi kepada pengguna. Message box dalam aplikasi juga biasa digunakan untuk beberapa fungsi seperti memberikan pilihan pada pengguna, menampilkan pengaturan untuk diatur pengguna hingga menjadi sebuah form untuk sebuah data. Sobat pasti pernah melihat message box yang berisi “Are you sure to quit ?” atau “Save” dengan pilihan yes atau no.

Ada dua pilihan untuk menampilkan message box, yaitu dengan toast (menampilkan munculan yang akan hilang dalam beberapa detik. Biasanya untuk menampilkan pesan singkat seperti pemberitahuan data tersimpan) atau dengan alern dialog (menampilkan munculan yang dapat berisi tombol dan lain sebagainya).

Untuk membuat message box yang perlu sobat lakukan adalah sebagai berikut ini :

Buat project baru dan beri nama Message Box, dan untuk package name beri nama blogsetyaaji.blogspot.com

Pada layout ActivityMain.xml, ketikkan kode seperti di bawah ini :

<?xml version="1.0" encoding="utf-8"?>
<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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="com.blogsetyaaji.messagebox.MainActivity">

    <Button
        android:id="@+id/btnKlikDisini"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="ALERN DIALOG"
        android:layout_centerInParent="true"/>

</RelativeLayout>

Kemudian pada MainActivity.java tambahkan kode berikut ini :

package com.blogsetyaaji.messagebox;

import android.content.Context;
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;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    Context context = this;

    Button btnKlik;

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

        btnKlik = (Button) findViewById(R.id.btnKlikDisini);
        btnKlik.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                AlertDialog.Builder builder = new AlertDialog.Builder(context);
                builder.setTitle("Judul");
                builder.setMessage("Isi Pesan");
                // Membuat tombol negativ
                builder.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                    }
                });
                //Membuat tombol positif
                builder.setPositiveButton("Ok", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        // Bila pilih ok, maka muncul toast
                        Toast.makeText(getApplicationContext(), "OK", Toast.LENGTH_SHORT).show();
                    }
                });
                builder.show();
            }
        });
    }
}

Jalankan project dan tampianya akan jadi seperti gambar di bawah ini :

Sedikit penjelasan dari kode di atas, tombol bernama btnKlik di deklarasikan terlebih dahulu lalu tombol tadi diberi perintah saat diklik dengan menggunakan kode setOnClickListener, dan perintah tersebut adalah perintah untuk menampilkan message box dengan dua tombol, positif dan negatif. Dan tambahan lagi, pada pilihan positif diberi perintah untuk menampilkan toast dengan teks “OK”. Sekian tutorial message box dari saya, semoga bermanfaat. Di artikel berikutnya saya akan memberikan tutorial membuat konfirmasi keluar dan inputan di messagebox android, jadi ikuti terus ya hehe..