Skip to main content

Top Android FloatingActionButton Libraries

Top Android FloatingActionButton Libraries.

Here is a detailed step-by-step tutorial on the features and installation of the top Android FloatingActionButton (FAB) libraries:

Introduction​

FloatingActionButton is a popular component in Android apps that provides a quick action button for common tasks. While the default FAB in Android is functional, using third-party libraries can enhance its appearance and functionality. In this tutorial, we will explore some of the top FAB libraries available for Android and learn how to install and use them in your applications.

1. Material Design FAB​

The Material Design library from Google provides a simple and elegant FloatingActionButton implementation. To use it, add the following dependency to your app's build.gradle file:

implementation 'com.google.android.material:material:1.4.0'

Once the dependency is added, you can use the FloatingActionButton widget in your layout XML file:

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_add"
    app:layout_anchor="@id/anchor_view"
    app:layout_anchorGravity="bottom|end" />

To handle click events on the FAB, you can use the setOnClickListener method:

fab.setOnClickListener {
    // Handle FAB click event
}

2. FloatingActionButtonSpeedDial​

FloatingActionButtonSpeedDial is a library that allows you to create a customizable FAB speed dial menu. To use it, add the following dependency to your app's build.gradle file:

implementation 'com.github.yavski:floating-action-button-speed-dial:1.0.6'

Once the dependency is added, you can use the FloatingActionButtonSpeedDial widget in your layout XML file:

<com.yavski.fabspeeddial.FabSpeedDial
    android:id="@+id/fab_speed_dial"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:fabMainBackground="@color/colorAccent"
    app:fabMainImage="@drawable/ic_add"
    app:fabRotationAngle="45"
    app:fabMenuBackground="@color/colorPrimary"
    app:fabMenuTextColor="@color/colorWhite"
    app:fabMenuTextBackgroundColor="@color/colorAccent" />

To add items to the speed dial menu, you can use the addMenuItem method:

fabSpeedDial.addMenuItem(
    R.color.colorAccent,
    R.drawable.ic_menu_item,
    "Menu Item",
    R.color.colorPrimaryDark
) { 
    // Handle menu item click event 
    }

3. FloatingActionButtonEx​

FloatingActionButtonEx is a library that provides extended features for the FAB, such as animations and badge indicators. To use it, add the following dependency to your app's build.gradle file:

implementation 'com.github.clans:fab:1.6.4'

Once the dependency is added, you can use the FloatingActionButtonEx widget in your layout XML file:

<com.github.clans.fab.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_add"
    fab:fab_colorNormal="@color/colorAccent"
    fab:fab_colorPressed="@color/colorPrimary"
    fab:fab_colorRipple="@color/colorPrimaryDark"
    fab:fab_label="Add" />

To add an animation to the FAB, you can use the animate method:

fab.animate()
    .rotationBy(360f)
    .setDuration(1000)
    .start()

To add a badge indicator to the FAB, you can use the setBadgeCount method:

fab.setBadgeCount(10)

Additional Libraries​

Here are a few more FloatingActionButton libraries you may find useful:

  • FloatingActionButtonMenu: GitHub Repository

  • FloatingActionButtonActions: GitHub Repository

  • FloatingActionButtonPlus: GitHub Repository

  • fab - Floating Action Button Library for Android.

  • FabulousFilter - Android library to animate Floating Action Button to Bottom Sheet Dialog and vice-versa.

  • FloatingActionButtonExpandable - An android library that brings the floating action button expandable.

  • material-sheet-fab - Android library that provides the floating action button to sheet transition from Google's Material Design..

  • custom-floating-action-button - This view is for replacement of standard Floating Action Button from Google Support Library. It is easy to use, customizable and you can also add text to button.

  • FABtransitions - Android Library to create Floating Action Button Animations..

  • FloatingActionButton - [Updated Clans FAB library] Android Floating Action Button based on Material Design specification.

  • FABRevealMenu-master - A general purpose android UI library to show a user show menu in accordance of Floating action button with material design guidelines..

  • Morphing-Material-Dialogs - Material dialog ❤️ morphing animation. An android kotlin UI library for building beautiful animations for converting a floating action button into a material dialog..

  • FabProgress - Android Floating Action Button with ProgressRing Library.

  • multi-floating-action-button - Android library providing an implementation of the Material Design Floating Action Button Speed Dial..

  • Fabb - Custom floating action button Android library.

  • floating-action-button - Bringing futuresimple's floating-action-button library into 2018.

  • MyDynamicRecyclerviewExample - This is an Android Library for developer to use customized recyclerview with many features, like easy use Empty view, Refresh view, Floating Action Button, Load more. So all these features contain in one recyclerview..

  • MaterialDesignFABtoSheet - This library implements the floating action button to sheet transition as per the Google�s Material Design documentation. It can be used with any Floating Action Button Library from Android API level 14..

  • FabWithText - Android floating action button with text. (Library).

  • material-sheet-fab - Android library that provides the floating action button to sheet transition from Google's Material Design..

  • FloatingActionButton - Library providing new promoted actions button from Android L.

  • FloatingActionButton_Tutorial - Hier seht ihr, wie ihr den Floating Action Button mithilfe der Android Design Library programmieren k�nnt..

  • FabMenu - Floating action button menu library.

  • FloatingActionButton - Android Floating Action Button Example Using Android Design Support Library.

  • FloatingActionButton - This is the lession of Android library support.

  • AndroidFloatingActionButton - AndroidFloatingActionButton explains how to use and implement android Floating action button. Tweak is we are using library to have some cool stuff..

  • FloatingActionButton - A FloatingActionButton library for Android Lollipop as well as pre-Lollipop APIs..

  • CustomFloatingActionButton - CustomFloatingActionButton is an Android library for drawing menu inflating widgets onto the screen..

  • FABMenu - Simple Floating Action Button menu library.

  • AndroidFAB - Android Material Design Floating Action Button implementation by new android design support library..

  • FabulousFilter - Android library to animate Floating Action Button to Bottom Sheet Dialog and vice-versa.

  • OptionFABSample - This is a sample application with special expanding Floating Action Button (FAB). Find the complete tutorial on here:https://techcetro.com/faboption-android-expanding-fab-library-tutorial. You can also find the video tutorial at here:https://youtube.com/SabithPkcMnr. Project done by Sabith Pkc Mnr..

  • MyDynamicRecyclerviewExample - This is an Android Library for developer to use customized recyclerview with many features, like easy use Empty view, Refresh view, Floating Action Button, Load more. So all these features contain in one recyclerview..

These libraries offer different features and customization options, so you can choose the one that best fits your app's requirements.

That's it! You now have a list of top FloatingActionButton libraries for Android, along with instructions on how to install and use them. Explore these libraries to enhance the appearance and functionality of your app's FAB. Happy coding!