Jumat, 02 September 2016

Farid Savarudin

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
















Farid Savarudin

About Farid Savarudin -

Author Description here.. Nulla sagittis convallis. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.

Subscribe to this Blog via Email :