How to Reverse Fragment Animations on BackStack?

Question

I thought the system would reverse animations on the backstack when the back button is pressed when using fragments using the following code:

FragmentManager fm = getFragmentManager();
FragmentTransaction ft = fm.beginTransaction();
ft.setCustomAnimations(R.anim.slide_in, R.anim.hyperspace_out);
ft.replace(R.id.viewContainer, new class(), "layout").addToBackStack(null).commit();

score 275 · Accepted Answer · 2015-09-14T15:46:54.840

275

According to the android documentation for custom animation:

Change:

ft.setCustomAnimations(R.anim.slide_in, R.anim.hyperspace_out);

To:

ft.setCustomAnimations(R.anim.slide_in, R.anim.hyperspace_out, R.anim.hyperspace_in, R.anim.slide_out );

and now the backstack animates - In reverse!!

edited Sep 14 '15 at 15:46

answered Jun 04 '12 at 18:56

2

btw, I know this isn't connected to your question and answer, but could you maybe link me to something that explains customAnimations a little bit? :P – AreusAstarte Apr 13 '13 at 11:29
2

AreusAstarte: see http://developer.android.com/reference/android/app/FragmentTransaction.html#setCustomAnimations(int, int, int, int) – mDroidd Dec 25 '13 at 10:33
Hi im actually using Content transition, is working fine, but when i press back and go to previous fragment the background just disapear animateing the views but also overlying with the prevoious ones, any way to avoid this? – user3497504 Sep 14 '15 at 18:15

score 24 · Answer 2 · answered Oct 12 '15 at 07:54

Use the Correct animation I have used the following and its working like a charm

slide_in_left.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@android:integer/config_mediumAnimTime" >
    <objectAnimator
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="500"
        android:propertyName="x"
        android:valueFrom="1000"
        android:valueTo="0"
        android:valueType="floatType" />
</set>

slide_in_right.xml

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

    <objectAnimator
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="500"
        android:propertyName="x"
        android:valueFrom="0"
        android:valueTo="1000"
        android:valueType="floatType" />

</set>

slide_out_left.xml

   <set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@android:integer/config_mediumAnimTime" >

    <objectAnimator
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="500"
        android:propertyName="x"
        android:valueFrom="0"
        android:valueTo="-1000"
        android:valueType="floatType" />

</set>

slide_out_right.xml

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

    <objectAnimator
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="500"
        android:propertyName="x"
        android:valueFrom="-1000"
        android:valueTo="0"
        android:valueType="floatType" />

</set>

Then Use following while adding fragment

setCustomAnimations(R.anim.slide_in_left, R.anim.slide_out_left,
                                R.anim.slide_out_right, R.anim.slide_in_right)

and it will worked 100%

Note this will not work if you are using the support fragment manager or if your fragment extends the support version of Fragment — w3bshark, Nov 24 '15 at 22:40
@w3bshark How to get such animations working using `FragmentManager` and `Fragment` from support library? — Daniels Šatcs, Mar 12 '16 at 16:35
@DanielShatz You must use translations rather than objectAnimators. For instance, slide_in_left.xml would be: `` See this answer: http://stackoverflow.com/a/5151774/1738090 — w3bshark, Mar 14 '16 at 14:23
I am trying this out (on Marshmallow device - didnt try other versions). It doesnt work. final FragmentTransaction fragmentTransaction = getFragmentManager().beginTransaction(); fragmentTransaction.setCustomAnimations(R.anim.enter_from_right, R.anim.exit_to_left, R.anim.enter_from_left, R.anim.exit_to_right); fragmentTransaction.replace(R.id.fl_right_container, detailFragment); fragmentTransaction.replace(R.id.fl_left_container, subcategoriesFragment, TestActivity.TAG_SUBCATEGORIES_FRAGMENT); fragmentTransaction.commit(); — techtinkerer, Jul 12 '16 at 00:16

Hoang Nguyen Huu · Answer 3 · 2020-05-17T17:16:15.823

in my case

fragmentTransaction.setCustomAnimations(android.R.anim.slide_in_left, android.R.anim.slide_out_right, 
                       R.anim.slide_in_right, R.anim.slide_out_left);

would create perfect animation.

slide_in_right

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="50%p" android:toXDelta="0"
               android:duration="@android:integer/config_mediumAnimTime"/>
    <alpha android:fromAlpha="0.0" android:toAlpha="1.0"
           android:duration="@android:integer/config_mediumAnimTime" />
</set>

slide_out_left

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="0" android:toXDelta="-50%p"
               android:duration="@android:integer/config_mediumAnimTime"/>
    <alpha android:fromAlpha="1.0" android:toAlpha="0.0"
           android:duration="@android:integer/config_mediumAnimTime" />
</set>

I thought of doing it my self, but I am too lazy. And I said somebody should have post this on StackOverflow and here it is! haha — F.Mysir, May 16 '20 at 16:55
Nobody had posted this before and I quite believed that time was my turn to post this answer, to help s.o who might be in the same shoes as me... lol @F.Mysir — Hoang Nguyen Huu, May 17 '20 at 17:14

score 3 · Answer 4 · edited Apr 14 '16 at 08:06

3

.setCustomAnimations(R.animator.fragment_fade_in,
        R.animator.fragment_fade_out,
        R.animator.fragment_fade_p_in,
        R.animator.fragment_fade_p_out)

Replace the above with:

mFragmentManager.beginTransaction()
    .setCustomAnimations(R.animator.fragment_fade_in,
            R.animator.fragment_fade_out,
            R.animator.fragment_fade_p_in,
            R.animator.fragment_fade_p_out)
    .replace(R.id.main_container, FragmentPlayerInfo.getInstance(data))
    .addToBackStack(FragmentPlayerInfo.TAG)
    .commit();

edited Apr 14 '16 at 08:06

Wtower

18,848
11
103
80

answered Apr 14 '16 at 07:47

TarikW

359
4
12

1

I would recommend you to add an explanation on how your recommendation helps. – Wtower Apr 14 '16 at 08:06
2

I do not know why it work (: , but when added animation after `replace` and `addToBackstack`, is not worked – TarikW Apr 14 '16 at 14:04
3

@TarikW i'm bit late, but order is important in this, you need to call setCostomAnimations before replace, addToBackStack methods – Muhammad Husnain Tahir Oct 07 '16 at 04:30

score 1 · Answer 5 · answered Sep 16 '19 at 10:58

This is as mentioned in Fragment Transaction class .

/**
     * Set specific animation resources to run for the fragments that are
     * entering and exiting in this transaction. The <code>popEnter</code>
     * and <code>popExit</code> animations will be played for enter/exit
     * operations specifically when popping the back stack.
     *
     * @param enter An animation or animator resource ID used for the enter animation on the
     *              view of the fragment being added or attached.
     * @param exit An animation or animator resource ID used for the exit animation on the
     *             view of the fragment being removed or detached.
     * @param popEnter An animation or animator resource ID used for the enter animation on the
     *                 view of the fragment being readded or reattached caused by
     *                 {@link FragmentManager#popBackStack()} or similar methods.
     * @param popExit An animation or animator resource ID used for the enter animation on the
     *                view of the fragment being removed or detached caused by
     *                {@link FragmentManager#popBackStack()} or similar methods.
     */
    @NonNull
    public abstract FragmentTransaction setCustomAnimations(@AnimatorRes @AnimRes int enter,
            @AnimatorRes @AnimRes int exit, @AnimatorRes @AnimRes int popEnter,
            @AnimatorRes @AnimRes int popExit);

so finally you can use method like this

 mFragmentManager.beginTransaction()
                        .replace(R.id.container, fragment)
                        .setCustomAnimations(R.anim.slide_left,//enter
                                             R.anim.slide_out_left,//exit
                                             R.anim.slide_right,//popEnter
                                             R.anim.slide_out_right)//popExit
                        .addToBackStack(fragment.toString())
                        .commit();

score 0 · Answer 6 · answered Mar 12 '19 at 23:25

this work for me!! this code for fragment! if you want to use this code in activity, delete at the beginning getActivity()!!

getActivity().getSupportFragmentManager()
        .beginTransaction()
        .setCustomAnimations(android.R.anim.slide_in_left, android.R.anim.fade_out,android.R.anim.slide_in_left, android.R.anim.fade_out)
        .replace(R.id.fragment_container, new YourFragment)
        .addToBackStack(null)
        .commit();

Good luck to you!!

How to Reverse Fragment Animations on BackStack?

6 Answers6

Linked