Tutorial Membuat CustomView AlertDialog Dengan Android Studio

Tutorial Membuat CustomView AlertDialog Dengan Android Studio

CustomView AlertDialog

Halo gan :D kali ini saya akan memberikan Tutorial Membuat CustomView AlertDialog Dengan Android Studio, apa sih CustomView AlertDialog ? CustomView artinya kita bisa mengkostumisasi tampilan dari AlertDialog itu sendiri :D oke gan langsung saja kita buat project baru

Membuat Project Baru

kali ini saya akan membuat project dengan properties sebagai berikut

Nama Aplikasi : Tutorial CustomView AlertDialog
Nama Package Aplikasi : com.jonesrandom.customviewalertdialog

pada tutorial ini saya akan buat TextView & Button pada halaman Utama dan  Edittext Pada AlertDialog, Nah nanti kita akan menggunakan data dari Edittext yang berada pada AlertDialog untuk kita set ke dalam TextView, sedangkan Button akan kita gunakan untuk memanggil AlertDialog :D sebelum melanjutkan saya harap agan sudah bisa membuat AlertDialog atau semisal agan belum bisa agan bisa baca Tutorial Membuat AlertDialog Dengan Android Studio yang sudah saya siapkan terlebih dahulu

untuk membuat CustomView AlertDialog kita membutuhkan layout baru yang akan kita gunakan sebagai View dari AlertDialog, nah untuk membuat layout baru agan bisa Klik kanan pada folder layout - New - Layout resources file seperti gambar di bawah ini

Tutorial Membuat CustomView AlertDialog Dengan Android Studio

maka akan muncul tampilan di mana agan akan memberikan nama pada layout baru, di sini saya buat layout dengan nama dialog_view  dengan Root Element LinearLayout atau seperti gambar di bawah ini

Tutorial Membuat CustomView AlertDialog Dengan Android Studio

Mengedit layout dialog_view.xml

nah sebelum mengedit activity_main.xml & MainActivity.java kita terlebih dahulu mengedit layout yang sudah kita buat untuk View dari AlertDialog, seperti saya sebut diatas saya akan menambahkan 2 Edittext, oke gan langsung saja buka dialog_view atau layout yang sudah agan buat tadi kemudian tambahkan beberapa baris kode seperti dibawah ini

dialog_view.xml
nah bisa gan lihat pada kode dia atas saya sudah menambahkan 2 Edittext yaitu Nama & Alamat

Mengedit layout activity_main.xml

selanjutnya kita akan mengedit activity_main.xml, oke gan langsung saja buka activity_main.xml agan kemudian tambahkan beberapa kode seperti dibawah ini

activity_main.xml
bisa agan lihat pada kode di atas saya menambahkan 4 TextView & 1 Button, 2 dari TextView di atas akan saya gunakan untuk menampilkan data yang di input melalui Alertdialog sedangkan Button akan saya gunakan unutk memanggil AlertDialog seperti yang saya sebut di atas :D

Mengedit MainActivity.java

oke gan selanjutnya kita akan mengedit MainActivity.java, langsung saja buka MainActivity agan kemudian tambahkan beberapa baris kode seperti di bawah ini

MainActivity.java
bisa agan liat pada kode di atas saya baru memanggil AlertDialog untuk mengetes apakah AlertDialog itu sendiri bisa berjalan :D oke gan akan bisa menguji terlebih dahulu Aplikasi ke dalam Emulator/Smartphone, disini saya masih mengunakan Bluestack :D jika tidak terjadi error maka tampilan Aplikasi akan seperti di bawah ini

Tutorial Membuat CustomView AlertDialog Dengan Android Studio

jika tidak terjadi error kita akan melanjutkan untuk menambahkan beberapa baris kode untuk mengambil data yang ada pada Edittext dan kita akan set ke dalam TextView, oke gan buka kembali MainActivity agan kemudian pada baris  /// BARIS KODE VALIDASI DATA agan rubah seperti di bawah ini

MainActivity.java
bisa agan lihat di atas saya sudah menambahkan kode untuk mengambil data dari Edittext kemudian di set kedalam TextView :D nah saya juga menambahkan beberapa kondisi di dalam Action Button pada AlertDialog, keterangan dari setiap kondisi saya sudah letakan pada kode diatas :D

Menguji Aplikasi 

terakhir kita akan munguji apakah kita berhasil mengambil data Dari Edditext yang terdapat Pada di dialog yang kemudian kita set ke dalam TextView :D agan bisa mengetes langsung ke dalam Emulator/Smartphone agan jika tidak terjadi error maka tampilan dari Aplikasi agan akan seperti di bawah  ini 
  • Jika Kedua EditText Terisi
Tutorial Membuat CustomView AlertDialog Dengan Android Studio

  • Jika EditText Nama Kosong
Tutorial Membuat CustomView AlertDialog Dengan Android Studio

  • Jika EditText Alamat Kosong
Tutorial Membuat CustomView AlertDialog Dengan Android Studio

  • Jika Kedua EditText Kosong

Oke gan :D sekian Tutorial Membuat CustomView AlertDialog Dengan Android Studio dari saya ini ,jika ada yang agan kurang pahami dari tutorial di atas agan bisa menyematkan ke dalam kolom komentar apa yang kurang pahami, atau agan kurang paham karna kata kata saya , saya mohon maaf karna saya tidak bisa merangkai kata kata makanya saya sampai sekarang saya Alhamdulillah Piji Syukur Masih Jomblo.

oke gan sekian dari saya :D Wassalam

Comments

  1. Casino Royale - Live Dealer Games - Virgin Games
    Casino Royale https://vannienailor4166blog.blogspot.com/ is jancasino a live casino with kadangpintar a large, eclectic portfolio of casino games. Players can play this game nba매니아 with casinosites.one live dealers,

    ReplyDelete

Post a Comment

Popular posts from this blog

Tutorial Custom Listview Dengan Android Studio

Pengenalan Activity dalam Pemrograman Android