Tutorial Dasar Cara Membuat Alert Dialog Di Aplikasi Android

Tutorial dasar Cara Membuat Alert dialog di android studio

Halo semuanya. Bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan yang baik-baik saja. Pada kesempatan kali ini, saya akan membagikan tutorial dasar cara membuat alert dialog di aplikasi android.

Alert Dialog biasanya dibuat untuk suatu aksi yang membuat pengguna meyakinkan atas tindakannya. Biasanya fungsi ini berada pada perubahan pengaturan atau penyimpanan profile pada suatu aplikasi. Banyak sekali aplikasi yang menggunakan fungsi ini mengingat bahwa ini adalah salah satu UI yang harus di gunakan dalam suatu aplikasi.

Jadi dalam tutorial ini kalian akan belajar cara membuat tombol pada aplikasi android untuk menampilkan Alert Dialog beseta ikon dan positive negative button secara dasar dan sederhana. Dan ketika positive atau negative button di klik maka akan mengeluarkan toast.

- Advertisement -

Tutorial Dasar Membuat Alert Dialog Di Android Studio

Buatlah projek android studio baru dengan informasi sebagai berikut:

Application Name:Alert Dialog
Package Name:com.androidrion.alertdialog
Language:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml yang digunakan dalam projek ini:

  • activity_main.xml

Daftar file java yang digunakan dalam projek ini:

  • MainActivity.java

Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi Alert Dialog

XML Layout File

Buka file activity_main.xml dalam projek android studio kalian dan tambahkan widget button di dalamnya. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:onClick="openAlertDialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Open Alert Dialog"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Java Activity File

Sekarang buka file MainActivity dalam folder java pada projek android studio kalian. Tambahkan kode dibawah ini untuk membuat alert dialog yang menampilkan icon aplikasi, positive dan negative button yang bisa menampilkan toast ketika di klik. Berikut ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.alertdialog/MainActivity.java

package com.androidrion.alertdialog;

import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;

import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

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

    public void openAlertDialog(View view) {
        new AlertDialog.Builder(this)
                .setIcon(R.mipmap.ic_launcher)
                .setTitle("Title Alert Dialog")
                .setMessage("Message Alert Dialog")
                .setPositiveButton("OK", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        Toast.makeText(MainActivity.this, "Kamu memilih OK", Toast.LENGTH_SHORT).show();
                    }
                })
                .setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        Toast.makeText(MainActivity.this, "Kamu memilih Cancel", Toast.LENGTH_SHORT).show();
                    }
                })
                .show();
    }
}

Run ‘app’

Sekarang jalankan projek android studio kalian. Pada tampilan awal aplikasi kalian bisa melihat tombol yang berada di tengah aplikasi. Jika kalian mengklik tombol tersebut, maka aplikasi akan menampilkan dialog yang memiliki aksi OK dan CANCEL. Jika kode di atas tidak terjadi masalah, maka aplikasi akan terlihat seperti pada gambar dibawah ini.

AKHIR KATA

Itulah tadi tutorial dasar cara membuat alert dialog di aplikasi android studio. Tutorial diatas sangatlah mudah dipahami karena kode yang digunakan sedikit untuk menjalankan aplikasi untuk menampilkan alert dialog.

Jika kalian mengalami kendala saat melakukan tutorial di atas, silahkan komentar di bawah artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima Kasih.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.