使用Material转场（SharedZAxisTransition）时CardView圆角消失问题

可能的成因与解决思路： #

• 转场动画未保留View的Outline裁剪
  SharedZAxisTransition执行时，可能未保留CardView通过Outline实现的圆角效果。可以强制给参与转场的CardView设置setClipToOutline(true)，同时确保radius属性配置正确。也可以通过自定义Transition修复该问题：

  class FixedSharedZAxisTransition : SharedZAxisTransition() {
      override fun captureStartValues(transitionValues: TransitionValues) {
          super.captureStartValues(transitionValues)
          val view = transitionValues.view
          if (view is CardView) {
              transitionValues.values["card_radius"] = view.radius
              transitionValues.values["clip_to_outline"] = view.clipToOutline
          }
      }
  
      override fun captureEndValues(transitionValues: TransitionValues) {
          super.captureEndValues(transitionValues)
          val view = transitionValues.view
          if (view is CardView) {
              view.clipToOutline = true
          }
      }
  
      override fun createAnimator(sceneRoot: ViewGroup, startValues: TransitionValues?, endValues: TransitionValues?): Animator? {
          val animator = super.createAnimator(sceneRoot, startValues, endValues)
          endValues?.view?.let { view ->
              if (view is CardView) {
                  view.radius = startValues?.values?.get("card_radius") as? Float ?: view.radius
                  view.clipToOutline = startValues.values?.get("clip_to_outline") as? Boolean ?: true
              }
          }
          return animator
      }
  }
  

  之后用这个自定义Transition替代默认的SharedZAxisTransition即可。

• CardView绘制属性与转场冲突
  CardView的preferDrawableOutside或硬件加速设置可能干扰转场时的圆角显示。可以尝试在转场期间关闭硬件加速，或调整相关属性：

  <androidx.cardview.widget.CardView
      ...
      app:cardPreventCornerOverlap="false"
      app:cardUseCompatPadding="true"
      android:hardwareAccelerated="false" />
  

  转场完成后记得恢复硬件加速，避免影响日常绘制性能。

• 共享元素视图状态未正确传递
  确保两个Fragment中的CardView设置了相同的transitionName，且目标Fragment的CardView在转场前已完成布局测量、圆角属性初始化。可以在目标Fragment的onViewCreated中延迟设置圆角：

  override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
      super.onViewCreated(view, savedInstanceState)
      cardView.post {
          cardView.radius = resources.getDimension(R.dimen.card_radius)
          cardView.clipToOutline = true
      }
  }
  

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