Lompat ke konten
A alfach.com

Flashbar : Membuat Notifikasi Alert di Android Berbeda

A alfach.com
2 menit baca
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

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

Beberapa contoh penggunaan

Berikut coding dasar implementasi flashbar

Untuk menampilkan dibawah layar :

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

Juga bisa ditambahkan durasi dan diganti untuk tampil diatas layar :

Java
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

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

Java
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.

Java
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

Java
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

Java
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

Java
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

Bacaan terkait

Development

Install Golang di Mac

Berikut adalah panduan untuk menginstal Go (Golang) di macOS: 1. Mengunduh dan Menginstal Go Anda dapat menginstal Go menggunakan beberapa metode, termasuk Homebrew...

2 menit

Komentar (0)

Belum ada komentar. Jadilah yang pertama.

Tulis komentar

Komentar akan dimoderasi sebelum tampil.

Tidak akan dipublikasikan.