Android 片段和动画

要动画片段之间的过渡，或动画显示或隐藏片段的过程，您可以使用 Fragment Manager 创建一个 Fragment Transaction。

在每个片段事务中，您可以指定将分别用于显示和隐藏的进出动画（或在使用替换时同时使用两者）。

以下代码显示了如何通过滑出一个片段并将另一个片段滑入原位来替换片段。

FragmentTransaction ft = getFragmentManager().beginTransaction();
ft.setCustomAnimations(R.anim.slide_in_left, R.anim.slide_out_right);

DetailsFragment newFragment = DetailsFragment.newInstance();

ft.replace(R.id.details_fragment_container, newFragment, "detailFragment");

// Start the animated transition.
ft.commit();

要通过隐藏或显示片段来实现相同的目的，您只需调用 ft.show 或 ft.hide，分别传入您希望显示或隐藏的片段。

作为参考，XML 动画定义将使用 objectAnimator 标记。 slide_in_left 的示例可能如下所示：

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

---

如果您不必使用支持库，请查看 Roman's 答案。

但是如果你想使用支持库，你必须使用下面描述的旧动画框架。

在咨询 Reto's 和 blindstuff's 答案后，我得到了以下代码。

当按下返回时，碎片会出现从右侧滑入并从左侧滑出。

FragmentManager fragmentManager = getSupportFragmentManager();

FragmentTransaction transaction = fragmentManager.beginTransaction();
transaction.setCustomAnimations(R.anim.enter, R.anim.exit, R.anim.pop_enter, R.anim.pop_exit);

CustomFragment newCustomFragment = CustomFragment.newInstance();
transaction.replace(R.id.fragment_container, newCustomFragment );
transaction.addToBackStack(null);
transaction.commit();

顺序很重要。 这意味着你必须在 replace() 之前调用 setCustomAnimations() 否则动画将不会生效！

接下来这些文件必须放在 res/anim 文件夹中。

输入.xml：

<?xml version="1.0" encoding="utf-8"?>
<set>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
               android:fromXDelta="100%"
               android:toXDelta="0"
               android:interpolator="@android:anim/decelerate_interpolator"
               android:duration="@android:integer/config_mediumAnimTime"/>
</set>

退出.xml：

<set>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
               android:fromXDelta="0"
               android:toXDelta="-100%"
               android:interpolator="@android:anim/accelerate_interpolator"
               android:duration="@android:integer/config_mediumAnimTime"/>
</set>

pop_enter.xml：

<set>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
               android:fromXDelta="-100%"
               android:toXDelta="0"
               android:interpolator="@android:anim/decelerate_interpolator"
               android:duration="@android:integer/config_mediumAnimTime"/>
</set>

pop_exit.xml：

<?xml version="1.0" encoding="utf-8"?>
<set>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
               android:fromXDelta="0"
               android:toXDelta="100%"
               android:interpolator="@android:anim/accelerate_interpolator"
               android:duration="@android:integer/config_mediumAnimTime"/>
</set>

动画的持续时间可以更改为任何默认值，例如 @android:integer/config_shortAnimTime 或任何其他数字。

请注意，如果在片段替换之间发生配置更改（例如旋转），则后退动作不会动画。这是支持库的第 20 版中仍然存在的 documented bug。

---

我强烈建议您使用它而不是创建动画文件，因为它是一个更好的解决方案。 Android Studio 已经提供了 default animation，您无需创建任何新的 XML 文件即可使用。动画的名称是 android.R.anim.slide_in_left 和 android.R.anim.slide_out_right，您可以按如下方式使用它们：

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

FragmentManager fragmentManager = getSupportFragmentManager();
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();              
fragmentTransaction.setCustomAnimations(android.R.anim.slide_in_left, android.R.anim.slide_out_right);
fragmentManager.addOnBackStackChangedListener(this);
fragmentTransaction.replace(R.id.frame, firstFragment, "h");
fragmentTransaction.addToBackStack("h");
fragmentTransaction.commit();

输出：

https://i.stack.imgur.com/GnM7k.gif

---

我修改后的 support library 支持将视图动画（即 <translate>, <rotate>）和对象动画器（即 <objectAnimator>）用于片段转换。它是用 NineOldAndroids 实现的。有关详细信息，请参阅我在 github 上的文档。

---

至于我，我需要视图方向：

进入 -> 从右滑出 -> 向左滑

这里适用于我的代码：

slide_in_right.xml

<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

 <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>

交易代码：

inline fun FragmentActivity.setContentFragment(
        containerViewId: Int,
        backStack: Boolean = false,
        isAnimate: Boolean = false,
        f: () -> Fragment

): Fragment? {
    val manager = supportFragmentManager
    return f().apply {
        manager.beginTransaction().let {
            if (isAnimate)
                it.setCustomAnimations(R.anim.slide_in_right, R.anim.slide_out_left)

            if (backStack) {
                it.replace(containerViewId, this, "Fr").addToBackStack("Fr").commit()
            } else {
                it.replace(containerViewId, this, "Fr").commit()
            }
        }
    }
}

---

我用下面的方式解决这个问题

Animation anim = AnimationUtils.loadAnimation(this, R.anim.slide);
fg.startAnimation(anim);
this.fg.setVisibility(View.VISIBLE); //fg is a View object indicate fragment

---