Lab 4. Floating Action Button Dengan Animasi

Assalamualaikum

Kali ini saya akan share bagaimana cara membuat Floating Action Button dengan Animasi

Sejak Material desain ada,  Floating Action Button salah satu komponen yang paling penting dari bahasa desain.  Google Juga membuatnya lebih mudah untuk menerapkan FAB di aplikasi Android. dengan bantuan Library  yang dirilis Google I / O 2015, menambahkan FAB sangat sederhana yang mirip dengan Tombol atau widget lainnya. 

Buat project baru dengan nama Floating, Pilih Minimun SDK nya ke 17 lalu next dan finish

Membuat Layout

Pertama buat kode seperti ini di
activity_main.xml



untuk colors nya ubah menjadi seperti berikut

colors.cml

<?xml version="1.0" encoding="utf-8"?><resources>
    <color name="colorPrimary">#4CAF50</color>
    <color name="colorPrimaryDark">#388E3C</color>
    <color name="colorAccent">#F44336</color>
    <color name="colorFAB1">#2196F3</color>
    <color name="colorFAB2">#E040FB</color>
</resources>




Untuk membuat animasi nya , disini saya buat 4 layout yaitu


1. fab_open.xml
2. fab_close.xml
3. rotate_forward
4. rotate_backward


untuk membuat nya , klik kanan di res > new > android resource directory > 





lalu directory name nya beri nama 'anim' dan resource type nya =   animator. lalu OK





didalam folder anim  bikin layout, yang pertama


fab_open.xml







kedua bikin
fab_close.xml

rotate_backward.xml



rotate_forward.xml




dan ini
MainActivity.java


Dan ini hasilnya

 Ini Tampilan Utama                                            

 Ini Ketika FAB nya di klik