Material Desain Android sesi-3 ( FAB dan Snackbar )

Saturday, January 23, 2016 Unknown 0 Comments

jumpa lagi sobat...

Artikel kali ini adalah artikel terakhir yang membahas tentang material desain, video diatas adalah rangkuman pembahasan tentang material desain yang telah saya buat....

Lanjutan artikel kali ini saya akan melanjutkan menulis mengenai material desain pada aplikasi android, untuk yang beru pertama mengikuti bisa membaca-baca dulu pada artikel yang sudah saya tulis sebelumnya.. oke..

Artikel kali ini saya akan menbahas mengenai floating button dan snackbar keduanya merupakan bagian dari material desain, Floating button.. ya floating button merupakan tombol yang mengambang, mungkin pada artikel material desain yang kedua sudah saya tampilkan tapi kurang detail..

Sedangkan Snackbar bisa digunakan untuk menampilkan dialog pesan yang terletak dibawah layout, dialog dari snackbar bis berupa pesan tulisan saja ataupun juga bisa ditambahkan tombol...

ok langsung ke project...

berikut script xml untuk Floating action bar (fab) :

<android.support.design.widget.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|end"
            android:layout_margin="@dimen/fab_margin"
            android:src="@android:drawable/ic_dialog_email" />

agar script xml ddiatas berfungsi maka harus di panggil pada file java, berikut script java untuk pemanggilan dan actionya..

 FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Ini FAB", Snackbar.LENGTH_LONG)
                        .setAction("Pencet", new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                Snackbar.make(v, "FAB KE 2",Snackbar.LENGTH_LONG).show();
                            }
                        }).show();
            }
        });

bila tidak ada error... langsung coba aplikasinya, pencet Floating action button (fab) yang telah kita buat diatas, maka akan muncul Dialog dibawah layout yang ada tulisan "Ini FAB" dan Tombol "Pencet", bila kalian klik "Pencet" maka akan muncul snackbar baru. kalian bisa juga bisa melakukan custom pada dialog snackbar sesuka hati tapi jangan lupa menutup menampilkan snackbar dengan .show(), bila .show() tidak kalian tulis makan tidak akan ada action dari snaackbar..

Sekian semoga bermanfaat... apabila ada pertanyaan maupun saran silakan tulis pada komentar