Flashbar : Membuat Notifikasi Alert di Android Berbeda

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

dependencies {
// other dependencies here
implementation 'com.andrognito.flashbar:flashbar:{latest_version}'
}

Beberapa contoh penggunaan

Berikut coding dasar implementasi flashbar

Untuk menampilkan dibawah layar :

Flashbar.Builder(this)
.gravity(Flashbar.Gravity.BOTTOM)
.message("This is a basic flashbar")
.build()

Juga bisa ditambahkan durasi dan diganti untuk tampil diatas layar :

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

Flashbar.Builder(this)
.gravity(Flashbar.Gravity.BOTTOM)
.title("Hello World!")
.build();

flashbar_title

Kita juga bisa mengganti warna dengan titleColor(), style dengan titleAppearance(), ukuran dengan titleSizeinSp() bahkan jenis huruf dengan titleTypeFace().

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.

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

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()

flashbar_background

juga bisa berupa gambar

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

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

Mungkin Anda juga menyukai

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *