Lab 4. Floating Action Button Dengan Animasi

September 02, 2016 | | 0 komentar

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

bismillaahirrahmaanirrahiim

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Assalamu'alaikum warahmatullahi wabarakatuh

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

Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com

NB :: Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code, membeli hardware elektronika untuk kepentingan Perusahaan maupun Tugas Akhir (TA/SKRIPSI), Insyaallah Saya siap membantu, untuk Respon Cepat dapat menghubungi kami, melalui :

No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com

atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Alhamdulilah hirobil alamin

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

wassalamualaikum warahmatullahi wabarakatuh

Artikel Lab 4. Floating Action Button Dengan Animasi, Diterbitkan oleh sourcecodeaplikasi1 pada Jumat, 02 September 2016. Semoga artikel ini dapat menambah wawasan Anda. Website ini dipost dari beberapa sumber, bisa cek disini sumber, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, karena segala yang dipost di public adalah milik public. Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code ,Dengan Cara menghubungi saya Ke Email: Fajarudinsidik@gmail.com, atau No Hp/WA : (fajar) : 085369237896, (puat) : 085267792168.