Kebanyakan notifikasi berupa alert hanya menampilkan dialog popup atau toast sederhana. Flashbar berupa library android mengimplementasikan notifikasi alert menjadi berbeda, yaitu tampil diatas atau dibawah layar android. Notifikasi alert nya pun bebas di kustomisasi, seperti warna, huruf, event, icon, dan lain sebagainya.
Setup
Flashbar bisa langsung ditambah pada build.gradle
1 2 3 4 | dependencies { // other dependencies here implementation 'com.andrognito.flashbar:flashbar:{latest_version}' } |
Beberapa contoh penggunaan
Berikut coding dasar implementasi flashbar
Untuk menampilkan dibawah layar :
1 2 3 4 | Flashbar.Builder(this) .gravity(Flashbar.Gravity.BOTTOM) .message("This is a basic flashbar") .build() |
Juga bisa ditambahkan durasi dan diganti untuk tampil diatas layar :
1 2 3 4 5 | Flashbar.Builder(this) .gravity(Flashbar.Gravity.TOP) .duration(500) .message("This is a flashbar with duration") .build() |
Title
Selain menampilkan pesan, juga bisa ditambahkan title / judul
1 2 3 4 | Flashbar.Builder(this) .gravity(Flashbar.Gravity.BOTTOM) .title("Hello World!") .build(); |
Kita juga bisa mengganti warna dengan titleColor(), style dengan titleAppearance(), ukuran dengan titleSizeinSp() bahkan jenis huruf dengan titleTypeFace().
1 2 3 4 5 6 7 8 | Flashbar.Builder(this) .gravity(Flashbar.Gravity.BOTTOM) .title("Hello World!") .titleColorRes(R.color.white) .titleSizeInSp(12f) .titleAppearance(R.style.CustomTextStyle) .titleTypeface(Typeface.createFromAsset(getAssets(), "ShineBright.ttf")) .build(); |
Untuk isi pesannya pun sama, juga bisa diubah seperti title.
1 2 3 4 5 6 7 | Flashbar.Builder(this) .gravity(Flashbar.Gravity.TOP) .message("This is a short message") .messageColor(ContextCompat.getColor(this, R.color.white)) .messageSizeInSp(16f) .messageTypeface(Typeface.createFromAsset(assets, "BeautifulAndOpenHearted.ttf")) .build() |
Background
Selain itu juga bisa mengganti warna background
1 2 3 4 5 6 | Flashbar.Builder(this) .gravity(Flashbar.Gravity.TOP) .title("Hello World!") .message("The background color can be changed to any color of your choice.") .backgroundColorRes(R.color.colorPrimaryDark) .build() |
juga bisa berupa gambar
1 2 3 4 5 6 | Flashbar.Builder(this) .gravity(Flashbar.Gravity.TOP) .title("Hello World!") .message("You can have gradients by setting background drawable.") .backgroundDrawable(R.drawable.bg_gradient) .build() |
Action
Untuk lebih advance, kita juga bisa membuat action didalam flashbar
1 2 3 4 5 6 7 8 9 10 11 | Flashbar.Builder(this) .gravity(Flashbar.Gravity.TOP) .title("Hello World!") .message("You can click on the primary action button.") .primaryActionText("TRY") .primaryActionTapListener(object : Flashbar.OnActionTapListener { override fun onActionTapped(bar: Flashbar) { bar.dismiss() } }) .build() |
masih banyak fitur lain yang didukung oleh flashbar. Untuk lebih lanjut bisa ke
https://github.com/aritraroy/Flashbar