How to animate FloatingActionButton of new Design Support Library

android android-animation floating-action-button android-design-library
Michael picture Michael · May 31, 2015 · Viewed 21k times · Source

I am using a TabLayout with 5 different fragments. On 3 of these fragments a android.support.design.widget.FloatingActionButton should appear. Right now I simply set the visibility of the FAB when the tab changes, but I would like to have an animation, where the FAB comes in and out. How can I achieve this in Android?

Answer

Luci picture Luci · Aug 16, 2015

The hide/show animation for shrink/pop are automatically handled by the new version of the Support Library.(22.2.1) Then OnTabChange listener show or hide the floating action button using show/hide methods provided by the new library.

fab.show(); or fab.hide();

Related questions

How to animate FloatingActionButton like in Google+ app for Android?

I set FloatingActionButton to bottom of screen and I want to animate the button. Hidden when scrolling down Shown when scrolling up Like google implemented it in their Google+ app. I think CoordinatorLayout and AppBarLayout is needed but how to …

Read More
Setting the FloatingActionButton ripple

Im trying to set the FloatingActionButton ripple to something similar to this From Material design. The problem is that I only get a "Flat style" where there is no ripple, it just changes the button from, in my case, white …

Read More
Floating Action Button expansion

According to the new Android Design Guidelines for the Floating Action Button, it should be reasonable to transform the Floating Action Button into a Toolbar. Are there any samples / examples to perform such a transformation?

Read More