Cara Menerapkan Custom Snackbar Material Design Android - Okedroid.com | Belajar Coding Aplikasi Java Android Online
Okedroid.com | Belajar Coding Aplikasi Java Android Online

Cara Menerapkan Custom Snackbar Material Design Android

Snackbar adalah salah salah satu widget dari komponen UX(User Experience) yang berfungsi untuk menampilkan pesan text seketika( pengganti Toast)  dengan balutan Material Design. Snackbar akan muncul seperti jendela popup text ,pada bagian bawah layar ketika kita melakukan aksi tertentu ,seperti saat kita melakukan aksi pada widget button ,menu ,Floating Action Button(FAB) dll.



Cara Menerapkan Contoh Popup Menu (Dropdown Menu ) Android
Pada tutorial belajar android kali ini, kita akan mencoba membuat kustomisasi text di widget Snackbar. Jadi sebelum kita mencoba  membuat  Custom Snackbar ,kalian harus baca tutorial sebelumnya  terlebih dahulu yang saya sudah bagikan. Karna disini saya hanya memodifikasi baris intruksi (codingan) yang telah dibuat di tutorial sebelumnya.



Disini kita akan membuat Snackbar dengan widget button. Ketika user (pengguna ) menekan button maka akan tampil Snackbar.Kita disini akan membuat 4 jenis custom Snackbar yang umumnya dipakai.


1.String

Salin baris intruksi (codingan) di bawah ke file string.xml (res/values/string.xml)

 string.xml 




2. Layout

Salin baris intruksi (codingan) di bawah ke file activity_main.xml (res/layout/activity_main.xml)

activity_main.xml 


3. Activity


Salin baris intruksi (codingan) di bawah ke file MainActivity.java  (java/packagename/MainActivity.java)

MainActivity.java 



4. Menjalankan Aplikasi

Setelah selesai semuanya ,kita coba jalankan Aplikasinya di Android Studio.


Hasilnya :

  • Snackbar Sederhana :

Ketika Button Snackbar Sederhana dipilih maka akan menampilkan pesan text Snackbar Sederhana .Seperti pada gambar dibawah:

Hasil Snackbar Sederhana Android
Hasil Snackbar Sederhana 

  • Snackbar Warna Kustom :

Ketika Button Snackbar Warna Kustom dipilih, maka akan menampilkan pesan text Snackbar dengan kustomisasi warna merah. Disini kita mengganti warna text dengan warna merah, textView.setTextColor(Color.RED); Serta memberikan baris intruksi (codingan)  onClick pada text 'Coba Lagi'.

Hasil Snackbar Warna Kustom  Android
Hasil Snackbar Warna Kustom

  • Snackbar Warna Multitext

Ketika Button Snackbar Warna Multitext dipilih , maka akan muncul Snackbar dengan variasi jenis font yang berbeda dengan menggunakan SpannableStringBuilder.


Hasil Snackbar Warna Multitext Android
Hasil Snackbar Warna Multitext

  • Snackbar dengan Action Callback


Ketika Button Snackbar dengan Action Callback dipilih , maka akan muncul snackbar dengan Action Callback yang dimana kita menggunakan  method setAction(). Contoh penerapanya Snackbar ini digunakan seperti saat kita menghapus SMS di perangkat Android, maka akan muncul Snackbar bahwa pesan terhapus ,lalu kita bisa membalikan pesanya lagi dengan memilih 'balikan' pada Snackbar , maka akan muncul Snackbar bahwa pesan telah dikembalikan. 
Tampilanya akan terlihat seperti ini :


Hasil Snackbar dengan Action Callback Android
Hasil Snackbar dengan Action Callback

Hasil Snackbar dengan Action Callback Android
Hasil Snackbar dengan Action Callback








0 Komentar untuk "Cara Menerapkan Custom Snackbar Material Design Android "

Silakan berkomentar sesuai dengan Postingan/Artikel yang di bahas.
Jangan SPAM di komentar ini . NO BACKLINK /LINK HIDUP

Back To Top
-->