Як повернути анімаційні фрагменти на BackStack?


114

Я думав, що система буде реверсувати анімацію на рюкзаку при натисканні кнопки "назад" при використанні фрагментів із використанням наступного коду:

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

Відповіді:


266

Відповідно до документації на android для спеціальної анімації :

Змінити:

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

До:

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

і тепер рюкзак оживляє - У зворотному порядку !!


2
btw, я знаю, це не пов’язано з вашим запитанням та відповіддю, але ви можете, можливо, трохи зв’язати мене з чимось, що пояснює customAnimations? : P
AreusAstarte

2
AreusAstarte: див. Developer.android.com/reference/android/app/… , int, int, int)
mDroidd

Привіт, я насправді використовую вміст переходу, працює нормально, але коли я натискаю назад і переходжу до попереднього фрагмента, фон просто перестає анімувати погляди, але і перекривати переважаючі, будь-яким способом уникнути цього?
користувач3497504

23

Використовуйте правильну анімацію, я використав наступне, і вона працює як шарм

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>

Потім використовуйте наступне, додаючи фрагмент

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

і це буде працювати 100%


2
Зауважте, це не буде працювати, якщо ви використовуєте диспетчер фрагментів підтримки або якщо ваш фрагмент розширює підтримку версії Fragment
w3bshark

@ W3bshark Як отримати такі анімації працює , використовуючи FragmentManagerі Fragmentз бібліотеки підтримки?
Даніель Шац

2
@DanielShatz Ви повинні використовувати переклади, а не objectAnimators. Наприклад, slide_in_left.xml буде: <translate android:fromXDelta="100%" android:startOffset="25" android:toXDelta="0" />Дивіться цей відповідь: stackoverflow.com/a/5151774/1738090
w3bshark

1
Я пробую це (на пристрої Marshmallow - не намагався інших версій). Це не працює. остаточний 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, підкатегоріїFragment, TestActivity.TAG_SUBCATEGORIES_FRAGMENT); fragmentTransaction.commit ();
techtinkerer

13

в моєму випадку

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

створив би ідеальну анімацію.

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>

1
Я думав зробити це самостійно, але я занадто ледачий. І я сказав, що хтось повинен опублікувати це на StackOverflow і ось це! ха-ха
Ф.Місір

1
Цього раніше ніхто не публікував, і я цілком вірив, що прийшла моя черга опублікувати цю відповідь, щоб допомогти тим, хто може бути в такому ж взутті, як я ... lol @ 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)

Замініть вищезазначене на:

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

1
Я рекомендую вам додати пояснення щодо того, як допомагає ваша рекомендація.
Wtower

2
Я не знаю, чому це працює (:, але коли додається анімація після replaceі addToBackstack, не працює
TarikW

2
@TarikW Я запізнився, але в цьому важливий порядок, вам потрібно зателефонувати на setCostomAnimations перед тим, як замінити, додати методи addToBackStack
доктор Хуснайн Тахір

1

Це як зазначено у класі фрагмента транзакцій.

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

тому нарешті ви можете використовувати такий метод

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

0

ця робота для мене !! цей код для фрагмента! якщо ви хочете використовувати цей код у діяльності, видаліть на початку 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();

Удачі тобі!!

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.