Cara Membuat SnackBar Sederhana di Android

0

Snackbar adalah komponen widget dari library design (android.support.design) yang hampir mirip di seperti Toast dan AlertDialog seperti halnya di padu-kan menjadi satu. Widget ini (Snackbar) juga biasanya di tampilkan dalam desain material (Material Design).

snackbar example
snackbar example

Snackbar biasanya muncul (tampil) dari bawah sebuah elemen yang telah di operasi-kan sesuai yang di butuhkan. Dalam pembuatan Snackbar, kamu harus menggunakan perpustakaan (library) com.android.support:design untuk memulainya.

Kita disini akan mencoba membuat snackbar android sederhana yang akan di panggil dengan tombol FAB (FloatingActionButton) untuk menampilkan snackbar. Mari kita mencoba membuatnya, simak tutorial di bawah ini dengan baik.

Memulai Membuat SnackBar Sedehana di Android Studio

Seperti yang sudah saya kasih tahu di atas, kita akan mencoba membuat (menampilkan) Snackbar dengan FAB untuk memanggilnya.

Membuat Project Baru SnackBar

Hal pertama yang akan harus kamu lakukan yaitu dengan membuat proyek baru di Android Studio dengan nama “Snackbar” lalu isi domain package “com.engkungs.snackbar” untuk menyesuaikan pada tutorial kali ini.

Menambahkan Perpustakaan Library Design dan AppCompat

Untuk membuat Snackbar maka kita harus menambahkan library design dan karena kita menggunakan theme compat, maka kita juga harus menambahkan library AppCompat v7. Buka build.grandle lalu masukkan kode di bawah ini

 

Mengatur Layout

Dalam pengaturan layout silahkan kamu buka res/layout/activity_main.xml lalu masukkan kode berikut ini

 

Mengatur Java

Sekarang buka com/engkungs/snackbar/MainActivity.java. Dan masukkan kode seperti di bawah ini.

Keterangan di atas, untuk menampilkan snackbar, kita cukup memasukkan kode di bawah ini.

Jalankan Aplikasi

Nah langkah terakhir yaitu jalankan (run) Aplikasi yang telah kita buat tadi dan coba sentuh tombol FAB. Maka snackbar akan segera tampil di elemen bawah.

Download Sourcecode Example SnackBar

Download Source Code

Sekian dari tutorial kali ini dalam pembuatan SnackBar sederhana di Android Studio dan semoga dapat sangat bermanfaat.

80%
Awesome
  • Design

Leave A Reply

Your email address will not be published.

6 + 1 =