Android：Fragment切换过渡时重叠问题如何解决？

以下是针对你使用Navigation组件跳转Fragment时出现重叠问题的几种常见解决思路：

• 检查Navigation Graph的栈管理配置
  跳转时如果没有正确处理返回栈，可能导致旧Fragment未被正确隐藏。可以在Navigation Graph的action标签中配置popUpTo和popUpToInclusive，确保跳转后栈结构符合预期：

  <action
      android:id="@+id/action_mainFragment_to_detailsFragment"
      app:destination="@id/detailsFragment"
      <!-- 跳转到详情页后，弹出MainFragment之上的栈元素（如果存在） -->
      app:popUpTo="@id/mainFragment"
      <!-- false表示保留MainFragment在栈中，如需返回时直接跳过MainFragment可设为true -->
      app:popUpToInclusive="false"/>
  

• 修正过渡动画配置
  过渡动画的时长或类型设置不当，可能导致两个Fragment在切换时短暂重叠。可以调整动画参数，或者暂时禁用动画排查问题：

  override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
      super.onViewCreated(view, savedInstanceState)
      initAdapter()
      newsAdapter.setOnItemClickListener {
          val bundle = bundleOf("article" to it)
          val navOptions = NavOptions.Builder()
              .setEnterAnim(R.anim.slide_in_right)
              .setExitAnim(R.anim.slide_out_left)
              .setPopEnterAnim(R.anim.slide_in_left)
              .setPopExitAnim(R.anim.slide_out_right)
              .build()
          view.findNavController().navigate(
              R.id.action_mainFragment_to_detailsFragment,
              bundle,
              navOptions
          )
      }
  }
  

  若需禁用动画，将四个动画参数设为0即可。

• 设置Fragment根布局不透明背景
  如果DetailsFragment的根布局没有设置不透明背景，MainFragment的内容会透过详情页显示，视觉上造成重叠。确保详情页根布局添加：

  android:background="@color/your_opaque_color"
  

• 升级Navigation组件版本
  旧版本Navigation组件存在已知的Fragment切换重叠bug，建议升级到最新稳定版。在模块build.gradle中更新依赖：

  implementation "androidx.navigation:navigation-fragment-ktx:2.7.7"
  implementation "androidx.navigation:navigation-ui-ktx:2.7.7"
  

• 避免手动管理Fragment栈
  确保所有Fragment切换都通过Navigation组件完成，不要混用FragmentManager手动添加或替换Fragment，否则会导致Navigation栈管理与手动操作冲突，引发重叠。

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