hide and show fab within a coordinatorlayout?

[MohsenShafiee]

hi
Thanks for this beautiful library 👍
is it possible to hide and show fab inside coordinatorLayout and NestedScrollView when the scroll... i mean without any list scrolling!
thanks again...

[ghost]

@TheLoyalCruel
You can just toggle view visibility to show or hide it. If you want to animate it you can use your own animation on the FAB or use predefined one like in the code below, where ANIMATION_DURATION is the duartion of expand/contract animation (default 400).

if(mFabToolbar.isFabExpanded()) {
    mFabToolbar.contractFab();
    new Handler().postDelayed(new Runnable() {
        @Override
        public void run() {
            mFabToolbar.slideOutFab();
        }
    }, ANIMATION_DURATION);
} else {
    mFabToolbar.slideOutFab();
}

However, in my opinion it would be better to create your own animation to hide it in this scenario. Something like shriniking or sliding out to one of the sides, depending on why do you want to hide your FAB in the first place, would be prefferable over sliding it out to the bottom, when you don't have a scroll functionality. One way would be to create an ObjectAnimator. The code for shrinking would look something like this.

Animator hide = ObjectAnimator.ofPropertyValuesHolder(mFab,
        PropertyValuesHolder.ofFloat("scaleX", 1f, 0f),
        PropertyValuesHolder.ofFloat("scaleY", 1f, 0f));
hide.setDuration(250);

if(mFabToolbar.isFabExpanded()) {
    mFabToolbar.contractFab();
    hide.setStartDelay(ANIMATION_DURATION);
}

hide.start();