Skip to main content

Cara Membuat Dialog Pop Up Android Studio

Cara Membuat Dialog Pop Up Android Studio - Dalam sebuah aplikasi, kotak dialog sangat penting untuk menjembatani interaksi antara user dan aplikasi. Contoh dialog pop up aplikasi yang paling sering kita temukan adalah saat ingin keluar aplikasi, yaitu exit atau no atau cancel.

Hari ini kita akan belajar membuat dialog pop up Android Studio dengan satu tombol, yaitu tombol close. Jadi, dialog pop up yang muncul hanya berfungsi untuk menampilkan informasi. Namun kita bisa sedikit berkreasi, misalnya dialog pop up ini digunakan sebagai ucapan selamat datang. Atau pun setelah klik tombol close, akan menuju ke activity mana.

Cara Membuat Dialog Pop Up Android Studio


Untuk lebih jelasnya, berikut ini contoh cara membuat dialog pop up Android Studio dengan tombol close.

1. Buat project baru di Android Studio dengan cara klik File > New > New Project

2. Pilih Empty Activity

3. Isi nama project dengan contohdialog, language pilih Java, pada API, pilih saja versi 4.2 Jelly Bean, soalnya banyak yang menggunakan android versi 4.2 ke atas sehingga banyak smartphone yang bisa compatible dengan aplikasi yang kita buat.

4. Masukkan satu gambar dengan nama gambar1 ke project contohdialog. Pastikan format gambar PNG. Nantinya, gambar ini akan menjadi icon saat kotak dialog muncul.

5. Pada activity_main.xml, tambahkan Button atau tombol, kemudian pilih tampilan Text seperti berikut ini dan copy code berikut ini.

<Button
android:id="@+id/button1"
android:layout_width="74dp"
android:layout_height="38dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="6dp"
android:text="ABOUT"
/>

Pada intinya, yang paling penting dalam membuat dialog pop up adalah id button, dalam hal ini, button1.

6. Pada MainActivity.java, tambahkan kode berikut ini.

Tepat di bawah kode:

package com.example.contohdialog

Copy dan paste kode berikut ini setelah kode di atas.

import androidx.appcompat.app.AlertDialog;
import android.content.DialogInterface;
import android.widget.Button;

Setelah itu, tepat di bawah kode:

public class MainActivity extends AppCompatActivity {

Copy dan paste kode berikut ini.

private TextView aku;

Tepat di bawah kode:

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

Copy dan paste kode berikut ini.

aku = (Button) findViewById(R.id.button1);
aku.setOnClickListener(new View.OnClickListener(){

@Override
public void onClick(View view) {
showDialog();
}
});
}

private void showDialog(){
AlertDialog.Builder alertDialogBuilder = new AlertDialog.Builder(
this);
alertDialogBuilder.setTitle("ABOUT ME");
alertDialogBuilder
.setIcon(R.drawable.gambar1)
.setMessage("Ini adalah contoh dialog pop up di Android Studio dengan satu tombol, yaitu tombol close.")
.setCancelable(false)
.setPositiveButton("Close", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.cancel();
}
});
AlertDialog alertDialog = alertDialogBuilder.create();
alertDialog.show();
}

Source code cara membuat dialog pop up di Android Studio yang lengkap, bisa dilihat di gambar berikut ini.

Cara Membuat Dialog Pop Up Android Studio
Cara Membuat Dialog Pop Up Android Studio

Untuk dialog pop up dua tombol di Android Studio, nanti kalau ada waktu saya share.

Lihat juga Cara Membuat Aplikasi Kalkulator Android Studio

Demikianlah cara membuat dialog pop up Android Studio satu tombol. Semoga bermanfaat!
Contact Us: Komentar, saran dan masukan melalui WA 085396717324 dan Gmail Lara4store@gmail.com.