Langkah mudah membuat alert dialog pada Kotlin di android studio,
Selamat malam teman-teman jumpa lagi dengan kak mitra, kali ini kak mitra akan share cara atau langkah mudah membuat alert dialog kotlin pada android studio. heheh, tenang ini tidak begitu sulit karena teman-teman tidak perlu menambahkan / modif library atau tambahan dependency apapun untuk membuat alert dialog ini.. hanya beberapa code di bawah ini maka kotak alert dialog sudah bisa berjalan dengan baik di program kotlin teman-teman
Sebelumnya mungkin teman-teman di sini sudah ada yang tahu apa itu alert dialog?, yup betul sekali. alert dialog itu kalau di javascript mirip dengan fungsi confirm. semacam kotak pop up untuk menampilkan pesan atau konfirmasi kepada user apakah yakin melakukan suatu proses ini atau tiak, misal apakah yakin akan logout atau tidak. untuk fungsinya sendiri alert dialog ini bisa bermacam-macam misal untuk menambahkan, menghapus atau mengedit data. bisa juga untuk keluar dari aplikasi barangkali user tidak sengaja menekan tombol close. pasti sudah tahu dan paham kan maksud saya... oke kita langsung praktek yaah..
Seperti biasa buka android studio teman-teman, kak mitra asumsikan android studio sudah terinsall dengan baik di lapotp teman-teman minimal bisa menampilkan Hello world (jangan lupa emulator dan real device juga) bagi yang belum melakukan installasi dapat membaca artikel kak mitra yang lama tentang cara melakukan installasi andorid studio dan emulator
Untuk tahap membuat alert dialog kotlin di android studio teman-teman dapat mengikuti langkah-langkah di bawah ini :
1. Buat projek baru dengan nama Alert (bersifat opsional, teman-teman bisa membuatnya sesuai dengan keinginan teman-teman)
2. Pada file activity_main.xml setting source code seperti berikut ini
<?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"
android:layout_margin="16dp"
tools:context=".MainActivity">
<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:text="Button"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
Kode di atas adalah membuat layout kurang lebih seperti di bawah ini , apabila kode teman-teman sudah benar seharusnya tampilan layout desain teman-teman sudah seperti di bawah ini.
3. Pada MainActivity.kt lalu sesuaikan source code seperti berikut ini :
package com.example.alert
import android.content.DialogInterface
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.util.Log
import android.widget.Button
import androidx.appcompat.app.AlertDialog
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val dialogBuilder = AlertDialog.Builder(this)
dialogBuilder.setMessage("Ini body pesan, mau lanjut ?")
.setCancelable(false)
.setPositiveButton("Prcessed", DialogInterface.OnClickListener{
dialog, id -> dialog.cancel()
Log.d("logTag","Proses lanjut")
})
.setNegativeButton("Cancel", DialogInterface.OnClickListener{
dialog, id -> finish()
Log.d("logTag","Stop proes ")
})
val button = findViewById(R.id.button) as Button
button.setOnClickListener{
Log.d("logTag","logTag")
val alert = dialogBuilder.create()
alert.setTitle("Judul Alert Dialog")
alert.show()
}
}
}
4. Setalah itu coba run sourcecodenya.. apabila tidak ada kesalahan seharusnya akan tampil seprti gambar/video berikut ini
Source code lengkap : github.com/mitraide/AlertDialog
Kak mitra sudah mempraktekan cara ini dan berjalan dengan baik untuk kak mitra.
Sampai jumpa di artikel kak mitra selanjutnya yaa..