(Tutorial Android) Snackbar Android Material Design

Monday, April 18, 2016

Snackbar merupakan salah satu widget di Android Material Design dengan tampilan yang sangat menarik. Sama halnya dengan Toast, yaitu fungsinya menampilkan sebuah message. Bukan hanya itu, Snackbar menyediakan feedback mengenai aksi pada sebuah message tersebut.

Ok, pada tutorial ini kita akan coba membuat snackbar.

Tambahkan library support design, karena snackbar sendiri berada di library ini.


Berikut contoh-contoh dari Snackbar :

1. Simple Snackbar
Menampilkan snackbar biasa.
Snackbar.make(findViewById(android.R.id.content), "Hai semuanya !", Snackbar.LENGTH_LONG).show();

2. Snackbar with Action Callback
Menampilkan Snackbar dengan action callback.
Snackbar.make(findViewById(android.R.id.content), "Kenangan (mantan) telah terhapus !", Snackbar.LENGTH_LONG)
.setAction("UNDO", new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(findViewById(android.R.id.content), "Anda gagal move on!", Snackbar.LENGTH_SHORT).show();
    }
}).show();

3. Custom Snackbar
Customisasi snackbar.
Snackbar snackbar = Snackbar.make(findViewById(android.R.id.content), "Anda belum beruntung!", Snackbar.LENGTH_LONG)
        .setAction("RETRY", new View.OnClickListener() {
            @Override
            public void onClick(View view) {
            }
        });
// text color
snackbar.setActionTextColor(Color.BLUE);
// button text color
View sbView = snackbar.getView();
TextView textView = (TextView) sbView.findViewById(android.support.design.R.id.snackbar_text);
textView.setTextColor(Color.YELLOW);
snackbar.show();

Hasil running sebagai berikut :

1. Simple Snackbar


2. Snackbar with Action Callback



3. Custom Snackbar



Source code lengkap dapat dilihat di https://github.com/wimsonevel/AndroidSnackbar

Sekian dan semoga bermanfaat
Happy Coding :)

Share this :

Previous
Next Post »
0 Komentar

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔

Ads