Membuat Toast Keren Dan Informatif Dengan Library Toasty - Android

Toast di android adalah sebuah pop up notifikasi singkat yang memberikan informasi tertentu tanpa ada feedback dari user. Toast hanya memenuhi ruang yang diperlukan untuk pesan yang akan di tampilkan dan toast akan menghilang otomatis dengan jeda waktu tertentu.

Toast hanya memiliki tampilan dasar dengan baground berwarna abu-abu dan font berwarna putih. Jadi bagaimana cara membuat toast yang terlihat lebih menarik dan bisa menampilkan pesan secara informatif.

advertisement

Pada kesempatan kali ini, kita akan belajar bagaimana membuat toast yang lebih menarik dari sisi tampilan dan dapat memberikan menampilkan pesan sesuai dengan kontek informasi yang di sajikan. Disini kita tidak akan membuat dan mengkostumisasi toast sendiri melainkan dengan library yang sudah ada yaitu Toasty.

Langsung saja ke tutorialnya,

1. Didalam root build.gradle di project android kalian silahkan tambahkan kode berikut
   

   allprojects {
   	repositories {
   		maven { url "https://jitpack.io" }
   	}
   }

2. Sekarang beralik ke module build.gradle dan di bagian dependency tambahkan code berikut
   

   dependencies {
   	implementation 'com.github.GrenderG:Toasty:1.4.2'
   }

3. Konfigurasi Toasty
   Sebenernya langkah ini opsional, kalian bisa melewatinya karena toast sudah terkonfigurasi dengan konfigurasi bawaan. Tapi kalau kalian mau mengkustomisasinya kalian bisa menset beberapa parameter berikut,
   

   Toasty.Config.getInstance() // Membuat object toast
       .tintIcon(boolean tintIcon) // menset warna teks atau icon
       .setToastTypeface(@NonNull Typeface typeface) // Menyeting typeface font
       .setTextSize(int sizeInSp) // Meruabah ukuran teks
       .allowQueue(boolean allowQueue) // Mengijinkan antrian pada toast ketika banyak toast yang di tampilkan
       .apply(); // Setelah menset parameter wajib di apply

Bagaimana cara menggunkannya?

advertisement

Untuk menampilkan toastnya cukup mudah. Tinggal kita sesuaikan dengan kontek pesan dan kemudian show. Contohnya seperti berikut,

//Menampilkan pesan error
    Toasty.error(yourContext, "This is an error toast.", Toast.LENGTH_SHORT, true).show();
    //Menampilkan pesan sukses
    Toasty.success(yourContext, "Success!", Toast.LENGTH_SHORT, true).show();
    //Menampilkan pesan informasi
    Toasty.info(yourContext, "Here is some info for you.", Toast.LENGTH_SHORT, true).show();
    //Menampilkan pesan peringatan
    Toasty.warning(yourContext, "Beware of the dog.", Toast.LENGTH_SHORT, true).show();
    //Menampilkan pesan umum
    Toasty.normal(yourContext, "Normal toast w/o icon").show();
    //Menampilakn toast dengan icon
    Toasty.normal(yourContext, "Normal toast w/ icon", yourIconDrawable).show();
    //Menampkan toast dengan kustomisasi sendiri
    Toasty.custom(yourContext, "I'm a custom Toast", yourIconDrawable, tintColor, duration, withIcon, 
shouldTint).show();

Hasilnya seperti gambar berikut,

Terimakasih sudah mampir di artikel cara membuat toast dengan tampilan keren. Jangan lupa di share jika kalian merasa artikel ini bermanfaat, kalau ada pertanyaan silahkan tulis di kolom komentar. Good luck!

advertisement