Cara membuat Floating action button (fab) di android studio

  Semenjak android 5.0 telah releas Google terus menambah banyak menambah objek 3D seperti yang akan kita bahas saat ini Floating action button, Actionbar, dan masih banyak lagi.

Meskipun judulnya hanya cara membuat floating action button tapi bukan berarti saya akan membahas cara membuatnya saja melainkan saya akan membahas dengan rinci dan semoga kalian semua yang membaca akan mengerti dan setelah membaca artikel ini kalian akan bisa membuat sendiri tanpa harus membaca lagi atau mencari artikel baru.

  Langkah pertama laptop atau komputer kalian sudah terinstall java dan android studio yang bisa kalian download dan install secara gratis dari developer.android.com dan oracle.com. Jika sudah terinstall tahap selanjutnya adalah membuka aplikasi android studio.

Terus membaca samapi selesai ya saya memang pengguna linux tapi bukan berarti beda dengan windows jadi intinya android studion di linux dan di windows tetap sama kok.

   Tahap selanjutnya klik Start new android studion project -> next -> next -> empety activity -> next -> finish tunggu sampai android studio siap untuk memuat project apabila sudah selesai buka Build gradle dan tambahkan script atau hapus dan ganti seperti di bawah ini  

   jika kalian bertanya mengapa harus menambahkan script pada build gradle? Saya tidak akan menjawab banyak karena saya hanya mengetahui intinya yaitu pasti akan tarjadi error pada project.

Drawable

  Tambahkan satu vector asset pada folder drawable android studio dengan cara klik folder drawable klik kanan new -> vector asset

Layout

   apabila sudah maka akan ada pesan sync gradle now klik sync lalu tunggu. Jika sudah selesai buka folder layout lalu buka activity_main.xml ganti script xml seperti di bawah  

activity_main.xml

Values

   sekarang buka folder values pada android studio project lalu buka file styles.xml ganti script tersebut dengan script di bawah ini.
styles.xml

Java 

  Setelah semua selesai sekarang saatnya membuat onCreate onclick listener dan lainnya pada java. Buka file MainActivity pada folder java -> nama package kalian, seletah itu ganti script java dengan script di bawab ini

MainActivity.java

  Setelah selesai save all dengan cara CTRL+S atau bisa di file save all lalu klik run atau build apk maka hasilnya akan seperti ini.

Penting untuk dibaca

    Pertama pada file activity_main.xml kalain akan melihat Tag <android.support.design.widget.FloatingActionButton
     di tag tersebut lah kalian memanggil floating action button dan pada isi pada tersebut ada android:layout_width dan android:layout_height disitu kalian jangan sampai membuat mereka mempunya value yang sama seperti contoh
 android:layout_width="match_parent"
 android:layout="match_parent"
apabila kalian melakukannya kalian akan melihat pada preview mereka akan mempunya ukuran yang besar dan ada satu lagi yaitu jika kalian ingin memanggil floating action button kalin harus membungkusnya dengan tag <android.support.design.widget.CoordinatorLayout atau <FrameLayout.

   Kedua masih pada tag <android.support.design.widget.FloatingActionButton pada tag tersebut kalian juga harus mendefine android:id fungsi dari android:id adalah sebagai code atau simbol atau nama saat java memanggil menggunakan class R contoh kalian pada android:id="@+id/myid" nah jika kalian ingin memanggil id tersebut kalian bisa menggunakan R class dengan cara R.id.myid sebenarnya R class juga dapat digunakan bukan hanya untuk memanggil id saja melainkan layout, menu, string, color, dan masih banyak lagi.

Ingin mendownload source code floating action button 

Download Disini