Transform a Floating action button into an activity in Android

Question

I have a floating action button that, when pressed, starts a new activity.

Is there a way to animate it like on Google's Material design guidelines? I'm talking about something like this (from here).

That looks like a "circular reveal animation". See http://stackoverflow.com/questions/30958834/circular-reveal-transition-for-new-activity — Floern, Apr 21 '16 at 08:53
@Floern It isn't exactly a circular reveal animation, because it first expands to the left and then goes up like a normal activity animation — marti201, Apr 21 '16 at 09:01
@ Floern refer this http://stackoverflow.com/questions/29846458/how-to-animate-floating-action-button-using-android-activity-transition — Rohitashv jain, Apr 21 '16 at 09:30
@Rohitashvjain I'm not trying to reveal a view or a fragment, I'm talking about a completely different activity — marti201, Apr 21 '16 at 09:45
You can use this one. https://github.com/marshallino16/Demo-FloatingView — Krishna, Apr 21 '16 at 10:53
@Krishnavrinsoft Isn't this just a floating button anywhere on the screen like Facebook's Messenger? — marti201, Apr 21 '16 at 11:40

score 1 · Answer 1 · answered Apr 21 '16 at 13:08

As i have created a file in anim folder

right_bottom_up.xml

 <?xml version="1.0" encoding="utf-8"?>
<translate
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@integer/time_fade"
    android:fromXDelta="100%p"
    android:fromYDelta="100%p"
    android:toYDelta="0%p"
    android:toXDelta="0%">
</translate>

no_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@android:integer/config_longAnimTime"
   ></translate>

slide_down_back.xml

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@integer/time_fade"
    android:fromYDelta="0%p"
    android:toYDelta="100%p"></translate>

In activity start your activity after intent calling:

 overridePendingTransition(R.anim.right_bottom_up, R.anim.no_animation);

in your second activity onBackPress() write this line

    overridePendingTransition(R.anim.no_animation, R.anim.slide_down_back);

Is there a way to combine this with a circular reveal animation? — marti201, Apr 21 '16 at 13:50
I did not worked much, but you can check this out: http://developer.android.com/training/material/animations.html — Ramesh Kumar, Apr 21 '16 at 14:47

score 0 · Answer 2 · answered Apr 21 '16 at 10:24

0

Refer Below lib project , its same as you share video in this question.

https://github.com/gowong/material-sheet-fab

May be this definitely helps you.

answered Apr 21 '16 at 10:24

Rohitashv jain

244
1
15

Still not what I need, this expands a "material sheet" and I need to start a new activity – marti201 Apr 21 '16 at 11:32

Transform a Floating action button into an activity in Android

2 Answers2