ios 自定义Transition动画

原创

mob64ca12dba5b0 2024-02-24 07:53:27 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12dba5b0的原创作品，请联系作者获取转载授权，否则将追究法律责任

iOS自定义Transition动画教程

流程图

flowchart TD
    A[开始] --> B[设置代理]
    B --> C[实现UIViewControllerTransitioningDelegate协议]
    C --> D[实现动画控制器]
    D --> E[实现转场动画效果]
    E --> F[结束]

序列图

sequenceDiagram
    participant 小白
    participant 经验丰富的开发者

    小白->>经验丰富的开发者: 请求教学
    经验丰富的开发者->>小白: 同意并开始教学
    小白->>经验丰富的开发者: 学习过程中问题
    经验丰富的开发者->>小白: 解答问题并继续教学
    小白->>经验丰富的开发者: 学习完毕
    经验丰富的开发者->>小白: 给予肯定和鼓励

教程内容

1. 设置代理

首先，你需要设置代理，让 UIViewController 遵循 UIViewControllerTransitioningDelegate 协议。

// 在需要自定义转场动画的地方设置代理
viewControllerToPresent.modalPresentationStyle = .custom
viewControllerToPresent.transitioningDelegate = self

2. 实现UIViewControllerTransitioningDelegate协议

接下来，你需要在当前 UIViewController 中实现 UIViewControllerTransitioningDelegate 协议。

extension YourViewController: UIViewControllerTransitioningDelegate {
    // 返回 presenting 动画控制器
    func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        return YourAnimationController()
    }

    // 返回 dismissing 动画控制器
    func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        return YourAnimationController()
    }
}

3. 实现动画控制器

现在，你需要创建一个实现 UIViewControllerAnimatedTransitioning 协议的动画控制器，并实现转场动画效果。

class YourAnimationController: NSObject, UIViewControllerAnimatedTransitioning {
    func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
        return 0.5 // 设置动画时长
    }

    func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
        let containerView = transitionContext.containerView
        guard let toView = transitionContext.view(forKey: .to) else { return }

        // 在这里实现自定义转场动画效果
        // 例如：使用 UIView.animate 来执行动画

        containerView.addSubview(toView)
        // 完成转场动画
        transitionContext.completeTransition(true)
    }
}