Fungsi variabel fab di android

FAB- Floating Action Button Dipojok Kanan Bawah

Fungsi dari FAB ini biasanya adalah sebagai shortcut dari menu-menu yang sering kali digunakan.
Yang diperlukan untuk tools ini adalah import library android menggunakan grandle

compile 'com.android.support:design:22.2.0'

1	compile 'com.android.support:design:22.2.0'

Meletakan FAB  android.support.design.widget.FloatingActionButton –  main_activity.xml

<android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="16dp" android:clickable="true" android:src="@drawable/abc_ic_menu_share_mtrl_alpha" app:layout_anchor="@id/panelB" app:layout_anchorGravity="bottom|right|end"/>

1 2 3 4 5 6 7 8 9

<android.support.design.widget.FloatingActionButton         android:id="@+id/fab"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_margin="16dp"         android:clickable="true"         android:src="@drawable/abc_ic_menu_share_mtrl_alpha"         app:layout_anchor="@id/panelB"         app:layout_anchorGravity="bottom|right|end"/>

Data lengkap main_activity.xml adalah

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <linearlayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <LinearLayout android:id="@+id/panelA" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="0.6" android:background="@android:color/holo_green_dark" android:orientation="horizontal"/> <LinearLayout android:id="@+id/panelB" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="0.4" android:background="@android:color/holo_green_light" android:orientation="horizontal"/> </LinearLayout> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="16dp" android:clickable="true" android:src="@drawable/abc_ic_menu_share_mtrl_alpha" app:layout_anchor="@id/panelB" app:layout_anchorGravity="bottom|right|end"/> </android.support.design.widget.CoordinatorLayout>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-auto"     android:layout_width="match_parent"     android:layout_height="match_parent">       <LinearLayout android:layout_width="match_parent"         android:layout_height="match_parent"         android:orientation="vertical">         <LinearLayout             android:id="@+id/panelA"             android:layout_width="match_parent"             android:layout_height="match_parent"             android:layout_weight="0.6"             android:background="@android:color/holo_green_dark"             android:orientation="horizontal"/>           <LinearLayout             android:id="@+id/panelB"             android:layout_width="match_parent"             android:layout_height="match_parent"             android:layout_weight="0.4"             android:background="@android:color/holo_green_light"             android:orientation="horizontal"/>     </LinearLayout>       <android.support.design.widget.FloatingActionButton         android:id="@+id/fab"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_margin="16dp"         android:clickable="true"         android:src="@drawable/abc_ic_menu_share_mtrl_alpha"         app:layout_anchor="@id/panelB"         app:layout_anchorGravity="bottom|right|end"/> </android.support.design.widget.CoordinatorLayout>

Pada kode program main_activity.java,  seperti tombol android yang lainnya menggunakan OnItemClickListener sebagai event program

FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { // jika fab di klik Toast.makeText(getApplicationContext(), "FAB NATIVE DI KLIK", Toast.LENGTH_LONG).show(); } });

1 2 3 4 5 6 7 8

FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);         fab.setOnClickListener(new View.OnClickListener() {             @Override             public void onClick(View view) {                 // jika fab di klik                 Toast.makeText(getApplicationContext(), "FAB NATIVE DI KLIK", Toast.LENGTH_LONG).show();             }         });

jika semua programmu, benar maka kira-kira seperti inilah hasilnya.

FAB di klik