Transition 退场动画，惊讶了我一下的探讨_html的transition为什么回退时也有动画-优快云博客

本文探讨了iOS中Transition退场动画的实现，从简单的入场动画到复杂的出场动画设计，包括处理动画时间、动画方式以及解决退场后的视图问题。文章通过实例代码分享了解决方案，如快照动画、关键帧动画等，并补充了转场动画的基础知识，提供了相关资源链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

20210716，发现一些网上的退场动画，跑一下，一脸懵

本文探讨下，怎样解决

入场动画，很简单

指定一下动画时间，通过 func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval
如何动画，通过 func animateTransition(using transitionContext: UIViewControllerContextTransitioning)

左手一个 from View Controller ，上一个控制器，

右手一个 to View Controller ，下一个控制器，

让上一个消失，让下一个出现

UIView.animate 调一下动画属性，

一般就是改一下视图 frame ，完了

下面的代码，效果比较简单

一般 present 一个控制器，由下而上，

这里可以做到，从上下左右，都可以推出控制器

enum PresentingDirection{
    case top, right, left, bottom
    
    var bounds: CGRect{
        UIScreen.main.bounds
    }
    
    func offsetF(withFrame viewFrame: CGRect) -> CGRect{
        let h = bounds.size.height
        let w = bounds.size.width
        switch self {
        case .top:
            return viewFrame.offsetBy(dx: 0, dy: -h)
        case .bottom:
            return viewFrame.offsetBy(dx: 0, dy: h)
        case .left:
            return viewFrame.offsetBy(dx: -w, dy: 0)
            
        case .right:
            return viewFrame.offsetBy(dx: w, dy: 0)
            
        }
        
    }
}


class CustomPresentationController: NSObject, UIViewControllerAnimatedTransitioning{
    
    
    fileprivate var presentingDirection: PresentingDirection
    
    
    init(direction orientation: PresentingDirection) {
        presentingDirection = orientation
    }
    
    func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
        return 1
    }
    
    func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
        
        guard let fromCtrl = transitionContext.viewController(forKey: UITransitionContextViewControllerKey.from),
              let toCtrl = transitionContext.viewController(forK