Floating action button
Floating action button (FAB) is simply a circle button with rounded shadow, floats above the UI and used to display any promoted action.
Floating action button can be an either of two sizes :
- normal (56dp)
- mini (40dp)
To use Floating action button you need to do following steps :
1. Add design support library in gradle file.
compile
'com.android.support:design:22.2.0'
2. Include FloatingActionButton in xml layout. you need to include xmlns:app=”http://schemas.android.com/apk/res-auto as namespace the top of your layout.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<?xml version="1.0" encoding="utf-8"?> <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" android:fitsSystemWindows="true"> <android.support.design.widget.FloatingActionButton android:id="@+id/btnFab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:src="@android:drawable/ic_delete" app:fabSize="normal" app:rippleColor="@android:color/background_dark" /> </android.support.design.widget.CoordinatorLayout> |