Halo semuanya, pada postingan ini saya akan membagikan tutorial sederhana untuk kalian yang baru belajar membuat aplikasi android menggunakan android studio.
Pada tutorial kali ini kita akan belajar membuat alert dialog keren di android studio menggunakan library Sweet Alert Dialog.
Project SweetAlertDialog
- Hal pertama yang harus kita lakukan tentu membuat project baru di android studio. Pada tutorial ini saya memberikan nama projeknya “SweetAlertDialog”.
Menambahkan dependencies di Gradle
- Tambahkan library sweet alert dialog
Menambahkan plugin kotlin android extensions
- Tambahkan plugin kotlin android extensions agar codingan kita lebih ringkas
Update proguard-rules.pro
- Agar library sweet alert dialog ini berjalan dengan lancar, tambahkan code berikut dibagian paling bawah proguard-rules.pro
Tambahkan file icon
- Pada salah satu contoh penggunakan sweet alert dialog ini, kita membutuhkan gambar icon untuk membuat custom alert dialog dengan icon. Silakan simpan gambar di link ini. Lalu tambahkan gambar tersebut pada directory res>drawable.
Desain User Interface
- Buka activity_main.xml kemudian tulis kode berikut
Contoh Penggunaan Sweet Alert Dialog
- Dialog progres
Library ini juga menyediakan beberapa function untuk menyesuaikan tampilan progress dialog kita. Berikut function yang dapat kita tuliskan setelah kode SweetAlertDialog.getProgressHelper():
- resetCount()
- isSpinning()
- spin()
- stopSpinning()
- getProgress()
- setProgress(float progress)
- setInstantProgress(float progress)
- getCircleRadius()
- setCircleRadius(int circleRadius)
- getBarWidth()
- setBarWidth(int barWidth)
- getBarColor()
- setBarColor(int barColor)
- getRimWidth()
- setRimWidth(int rimWidth)
- getRimColor()
- setRimColor(int rimColor)
- getSpinSpeed()
- setSpinSpeed(float spinSpeed)
- Dialog dengan pesan teks saja
- Dialog dengan judul dan pesan teks
- Dialog Error
- Dialog warning
- Dialog Success
- Dialog dengan icon
- Dialog dengan tampilan custom
- Dialog dengan listener pada tombol
- Dialog dengan tombol yang di disable
- Mengubah tampilan dialog setelah tombol di klik
Kode lengkap MainActivity.kt
- Berikut kode lengkap MainActivity.kt
Untuk mendapatkan contoh kode lengkapnya silakan klik link ini.
Terima kasih
