Swift中UIView过渡动画仅单向正常，反向无动画直接跳转页面

主视图层级中有两个WKWebView子视图，左滑切换时过渡动画正常，右滑切换时无动画直接跳转。尝试过用alpha替代isHidden、调整动画时长/类型、硬编码动画选项，且确认参数传递正确，但反向动画仍失效。

相关代码 #

func animateTranstion(fromLeft: Bool) {
   let webViewToShow: WKWebView
   let webViewToHide: WKWebView
   let transitionOption: UIView.AnimationOptions

   if fromLeft {
      webViewToShow = webViewB
      webViewToHide = webViewA
      transitionOption = .transitionCrossDissolve
   } else {
      webViewToShow = webViewA
      webViewToHide = webViewB
      transitionOption = .transitionCrossDissolve
   }

   guard webViewToHide.isHidden == false else {
      return
   }

   UIView.transition(with: webViewToShow, duration: 0.5, options: transitionOption, animations: {
      webViewToShow.isHidden = false
   }) { _ in
      webViewToHide.isHidden = true
   }
}

核心问题是UIView.transition(with:)的目标视图选择错误：你将待显示的WKWebView作为动画容器，但该视图初始处于隐藏状态，系统无法对隐藏视图执行过渡动画。

正确做法是以两个WKWebView的共同父视图作为动画容器，并在动画块内完成两个视图的显隐切换：

func animateTranstion(fromLeft: Bool) {
    let webViewToShow: WKWebView
    let webViewToHide: WKWebView
    let transitionOption: UIView.AnimationOptions

    if fromLeft {
        webViewToShow = webViewB
        webViewToHide = webViewA
        transitionOption = .transitionCrossDissolve
    } else {
        webViewToShow = webViewA
        webViewToHide = webViewB
        transitionOption = .transitionCrossDissolve
    }

    guard !webViewToHide.isHidden else { return }

    // 替换为两个webView实际的共同父视图，比如self.view或自定义容器
    guard let containerView = webViewToHide.superview else { return }

    UIView.transition(with: containerView, duration: 0.5, options: transitionOption, animations: {
        webViewToHide.isHidden = true
        webViewToShow.isHidden = false
    }, completion: nil)
}

额外优化建议 #

• 若需要左右滑动的平移动画，可将transitionOption替换为.transitionFlipFromLeft/.transitionFlipFromRight，或使用UIView.animate配合frame/transform属性实现平移效果
• 确保两个WKWebView的frame完全重叠，避免动画出现位置偏移
• 所有视图状态变更需放在动画块内，不要在完成回调中处理显隐，让系统统一管理动画过渡

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