Fragment切换上下滑动动画遇重叠问题，求解决方案

你遇到的重叠问题，核心原因是使用replace()方法时，旧Fragment会被立即标记为移除，动画过程中两个Fragment的视图会同时存在于容器中，导致视觉重叠。另外我注意到你的Fragment B代码里有个小错误——点击按钮时替换成了自己，应该是Fragment A，先纠正这个小问题：

// Fragment B 修正后的点击事件
buttonB.setOnClickListener {
    activity?.supportFragmentManager?.beginTransaction()
        ?.setCustomAnimations(R.animator.slide_up, R.animator.slide_down)
        ?.replace(R.id.container, FragmentA()) // 这里应该是FragmentA
        ?.commit()
}

接下来给你两种可行的解决方案：

方案一：使用add+hide/show替代replace（推荐） #

这种方式会让两个Fragment始终保留在容器中，只是通过hide/show控制可见性，动画过程中不会出现重叠，逻辑更清晰：

1. 初始化时添加两个Fragment #

在Activity的onCreate里先把两个Fragment都添加到容器，默认显示FragmentA：

supportFragmentManager.beginTransaction()
    .add(R.id.container, FragmentA(), "TAG_A")
    .add(R.id.container, FragmentB(), "TAG_B")
    .hide(FragmentB())
    .commit()

2. 修改Fragment的切换逻辑 #

Fragment A的点击事件：

buttonA.setOnClickListener {
    activity?.supportFragmentManager?.beginTransaction()
        // 旧Fragment（A）向下滑出，新Fragment（B）向上滑入
        .setCustomAnimations(R.animator.slide_down_out, R.animator.slide_up_in)
        .hide(FragmentA())
        .show(FragmentB())
        .commit()
}

Fragment B的点击事件：

buttonB.setOnClickListener {
    activity?.supportFragmentManager?.beginTransaction()
        // 旧Fragment（B）向下滑出，新Fragment（A）向上滑入
        .setCustomAnimations(R.animator.slide_down_out, R.animator.slide_up_in)
        .hide(FragmentB())
        .show(FragmentA())
        .commit()
}

3. 调整动画文件 #

把动画分成滑入和滑出两个独立的Animator，避免冲突：

• res/animator/slide_up_in.xml（新Fragment从底部滑入）：

<objectAnimator
    android:interpolator="@android:interpolator/accelerate_decelerate"
    android:propertyName="translationY"
    android:valueType="floatType"
    android:valueFrom="1.0"
    android:valueTo="0.0"
    android:duration="1000" />

• res/animator/slide_down_out.xml（旧Fragment向底部滑出）：

<objectAnimator
    android:interpolator="@android:interpolator/accelerate_decelerate"
    android:propertyName="translationY"
    android:valueType="floatType"
    android:valueFrom="0.0"
    android:valueTo="1.0"
    android:duration="1000" />

提示：用相对值（0.0到1.0）代替固定的1920，能更好适配不同屏幕尺寸；如果需要更精准的位置，也可以在代码中动态获取容器高度来设置动画参数。

方案二：修复replace方式的重叠问题 #

如果坚持用replace，需要通过动画监听器控制旧Fragment的移除时机，确保动画结束后再移除旧Fragment：

1. 自定义FragmentTransaction的动画监听 #

buttonA.setOnClickListener {
    val transaction = activity?.supportFragmentManager?.beginTransaction()
    val fragmentB = FragmentB()
    
    // 设置动画并添加到回退栈
    transaction?.setCustomAnimations(R.animator.slide_up, R.animator.slide_down)
    transaction?.replace(R.id.container, fragmentB)
    transaction?.addToBackStack(null)
    
    // 监听动画结束，移除旧Fragment
    transaction?.setTransitionListener(object : FragmentTransaction.TransitionListener {
        override fun onTransitionStart(transaction: FragmentTransaction) {}
        
        override fun onTransitionEnd(transaction: FragmentTransaction) {
            val oldFragment = activity?.supportFragmentManager?.findFragmentByTag("TAG_A")
            oldFragment?.let { frag ->
                activity?.supportFragmentManager?.beginTransaction()?.remove(frag)?.commit()
            }
        }
        
        override fun onTransitionCancel(transaction: FragmentTransaction) {}
    })
    
    transaction?.commit()
}

2. 给Fragment设置Tag #

第一次添加Fragment时设置Tag，方便后续查找：

supportFragmentManager.beginTransaction()
    .add(R.id.container, FragmentA(), "TAG_A")
    .commit()

另外补充个小细节：你的动画文件里用了intType，建议改成floatType，因为translationY属性本质是浮点型，用int可能导致动画不够平滑。

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