Como reverter animações de fragmentos no BackStack?

114

Achei que o sistema inverteria as animações na pilha de retorno quando o botão Voltar fosse pressionado ao usar fragmentos usando o seguinte código:

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();

fonte

Respostas:

265

De acordo com a documentação do Android para animação personalizada :

Mudança:

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

Para:

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

e agora o backstack anima - ao contrário !!


fonte
2
A propósito, sei que isso não está relacionado à sua pergunta e resposta, mas você poderia me vincular a algo que explique um pouco o customAnimations? : P
AreusAstarte
2
AreusAstarte: consulte developer.android.com/reference/android/app/… , int, int, int)
mDroidd
Oi, na verdade estou usando a transição de conteúdo. Está funcionando bem, mas quando pressiono a tecla Voltar e vou para o fragmento anterior, o fundo simplesmente desaparece, animando as visualizações, mas também sobrepondo-se às anteriores. Há alguma maneira de evitar isso?
user3497504
23

Use a animação correta Eu usei o seguinte e está funcionando como um encanto

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>

Em seguida, use o seguinte ao adicionar o fragmento

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

e funcionará 100%

Aniket
fonte
2
Observe que isso não funcionará se você estiver usando o gerenciador de fragmentos de suporte ou se o seu fragmento estender a versão de suporte do Fragment
w3bshark
@ w3bshark Como fazer essas animações funcionarem usando FragmentManagere Fragmentda biblioteca de suporte?
Daniel Shatz
2
@DanielShatz Você deve usar traduções ao invés de objectAnimators. Por exemplo, slide_in_left.xml seria: <translate android:fromXDelta="100%" android:startOffset="25" android:toXDelta="0" />Veja esta resposta: stackoverflow.com/a/5151774/1738090
w3bshark
1
Estou tentando fazer isso (no dispositivo Marshmallow - não tentei outras versões). Não funciona. 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
13

No meu caso

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

criaria uma animação perfeita.

deslizar para direita

<?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>
Hoang Nguyen Huu
fonte
1
Pensei em fazer sozinho, mas sou muito preguiçoso. E eu disse que alguém deveria postar isso no StackOverflow e aqui está! haha
F.Mysir
1
Ninguém havia postado isso antes e eu acreditava que era a minha vez de postar essa resposta, para ajudar quem pode estar no mesmo lugar que eu ... rs @ F.Mysir
Hoang Nguyen Huu
3
.setCustomAnimations(R.animator.fragment_fade_in,
        R.animator.fragment_fade_out,
        R.animator.fragment_fade_p_in,
        R.animator.fragment_fade_p_out)

Substitua o acima por:

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();
TarikW
fonte
1
Eu recomendo que você adicione uma explicação sobre como sua recomendação ajuda.
Wtower
2
Não sei porque funciona (:, mas quando adicionado animação depois replacee addToBackstack, não funciona
TarikW
2
@TarikW estou um pouco atrasado, mas a ordem é importante nisso, você precisa chamar setCostomAnimations antes de substituir os métodos addToBackStack
MD Husnain Tahir
1

Isso é mencionado na classe Fragment Transaction.

/**
     * 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);

então, finalmente, você pode usar um método como este

 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();
Islam Alshnawey
fonte
0

esse trabalho pra mim !! este código para fragmento! se você quiser usar este código na atividade, exclua no início 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();

Boa sorte para você!!

MODERNO
fonte