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

回答:


265

カスタムアニメーションの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
ところで、これはあなたの質問と回答に関連していないことはわかっていますが、customAnimationsについて少し説明しているものにリンクしていただけませんか?:P
AreusAstarte 2013


こんにちは私は実際にコンテンツの移行を使用していますが、正常に機能していますが、前のフラグメントに戻ると、背景はビューをアニメーション化するだけでなく、重要なビューを覆い隠しています。これを回避する方法はありますか?
user3497504 2015

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
サポートフラグメントマネージャーを使用している場合、またはフラグメントがフラグメントのサポートバージョンを拡張している場合、これは機能しないことに注意してください
w3bshark

@ w3bshark サポートライブラリを使用FragmentManagerしてアニメーションを動作させるにはどうすればよいFragmentですか?
Daniel Shatz 2016年

2
@DanielShatz objectAnimatorsではなく、翻訳を使用する必要があります。たとえば、slide_in_left.xmlは次のようになります:<translate android:fromXDelta="100%" android:startOffset="25" android:toXDelta="0" />この回答を参照してください:stackoverflow.com/a/5151774/1738090
w3bshark

1
私はこれを試しています(マシュマロデバイスで-他のバージョンは試していません)。動作しません。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 2016

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に投稿するべきだと私は言った、そしてそれはここにある!(笑)
F.Mysir

1
誰もこれをこれまでに投稿したことがなく、私がこの答えを投稿する番だと私は確信していました。誰が私と同じ靴を履いているかを助けるために...笑@ 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私は少し遅れていますが、順序は重要です。置換、addToBackStackメソッドの前にsetCostomAnimationsを呼び出す必要があります
MD Husnain Tahir

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

頑張って!!

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.