Android：如何在Fragment/Activity间实现Crossfade而非淡入淡出动画？

当然可以！重写onCreateAnimator正是实现Fragment间Crossfade动画的绝佳方案，完美解决普通淡入淡出会暴露底层Activity/Fragment的问题。我来一步步给你讲清楚怎么做：

1. 准备自定义交叉淡入淡出动画资源 #

普通系统淡入淡出动画容易出现不同步的问题，进而导致底层内容泄露，所以我们需要自定义两个完全同步的动画：

在res/anim目录下创建两个动画文件：

新Fragment淡入动画 fade_in_cross.xml #

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300"
    android:fromAlpha="0.0"
    android:toAlpha="1.0"
    android:interpolator="@android:anim/linear_interpolator"/>

旧Fragment淡出动画 fade_out_cross.xml #

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300"
    android:fromAlpha="1.0"
    android:toAlpha="0.0"
    android:interpolator="@android:anim/linear_interpolator"/>

这里使用linear_interpolator保证动画匀速进行，两个动画时长完全一致，确保交叉过渡的同步性。

2. 在Fragment中重写onCreateAnimator方法 #

这个方法是Fragment自身控制进入/退出动画的核心入口，比在FragmentTransaction里设置动画更灵活，能精准控制视图状态：

Kotlin 实现 #

override fun onCreateAnimator(transit: Int, enter: Boolean, nextAnim: Int): Animator? {
    return when {
        enter -> {
            // 新Fragment进入时加载淡入动画
            AnimatorInflater.loadAnimator(requireContext(), R.anim.fade_in_cross)
        }
        else -> {
            // 旧Fragment退出时加载淡出动画，动画结束后隐藏视图避免残留
            AnimatorInflater.loadAnimator(requireContext(), R.anim.fade_out_cross).apply {
                addListener(object : Animator.AnimatorListener {
                    override fun onAnimationStart(animation: Animator?) {}
                    override fun onAnimationEnd(animation: Animator?) {
                        view?.visibility = View.GONE
                    }
                    override fun onAnimationCancel(animation: Animator?) {}
                    override fun onAnimationRepeat(animation: Animator?) {}
                })
            }
        }
    }
}

Java 实现 #

@Override
public Animator onCreateAnimator(int transit, boolean enter, int nextAnim) {
    if (enter) {
        // 新Fragment进入动画
        return AnimatorInflater.loadAnimator(requireContext(), R.anim.fade_in_cross);
    } else {
        // 旧Fragment退出动画，结束后隐藏视图
        Animator animator = AnimatorInflater.loadAnimator(requireContext(), R.anim.fade_out_cross);
        animator.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {}
            @Override
            public void onAnimationEnd(Animator animation) {
                if (getView() != null) {
                    getView().setVisibility(View.GONE);
                }
            }
            @Override
            public void onAnimationCancel(Animator animation) {}
            @Override
            public void onAnimationRepeat(Animator animation) {}
        });
        return animator;
    }
}

3. 执行Fragment切换的正确方式 #

在切换Fragment时，记得开启重排序优化，让系统正确处理视图层级，避免动画混乱：

supportFragmentManager.beginTransaction()
    .setReorderingAllowed(true) // 关键：优化动画执行顺序，避免层级混乱
    .replace(R.id.fragment_container, NewTargetFragment())
    .addToBackStack(null) // 可选：如果需要保留返回栈
    .commit()

4. 为什么这个方案能解决底层内容暴露问题 #

普通淡入淡出动画中，旧Fragment的视图会在淡出过程中逐渐消失，新Fragment的视图逐渐显示，若动画不同步或视图层级处理不当，就会露出底层的Activity内容。

而我们的方案中：

• 两个Fragment的视图在动画期间同时存在于容器中，旧的淡出和新的淡入完全同步
• 旧Fragment动画结束后立即隐藏视图，彻底避免视图残留
• 配合setReorderingAllowed(true)，系统会自动优化视图层级，确保过渡过程中始终有Fragment视图覆盖容器

内容的提问来源于stack exchange，提问作者Juge