一分钟get酷炫动画，最低代码量定制push、pop转场效果！

IOS

2023-09-18 10:08:42

使用最少代码，释放转场动画的魅力

在 iOS 开发中，精心设计的转场动画可以为您的应用程序带来个性化、提升用户体验并展示您的开发实力。然而，传统的实现方式往往既复杂又繁琐，让许多开发者望而却步。

但今天，我们带来了一个解决方案，让您能够使用最少的代码实现自定义转场动画，在您的应用程序中释放无限创意。

自定义转场动画的魔力

自定义转场动画可以：

提升应用程序的品牌形象和用户认知度
优化用户交互体验，让页面切换更加顺畅自然
展现您的技术实力，让您的应用程序在竞争中脱颖而出

传统方法的挑战

传统转场动画的实现需要编写大量代码，涉及多个代理和协议，容易出错且难以维护。不仅如此，您还需要深入理解 iOS 动画系统，掌握复杂的动画参数和算法，存在较高的学习门槛。

第三方库的局限

为了降低开发难度，iOS 社区诞生了各种第三方库，例如 SVProgressHUD、MBProgressHUD、JHTransition 等。这些库提供了丰富的预设动画效果，无需任何代码即可轻松实现炫酷的转场动画。

然而，这些第三方库往往体积庞大，会增加应用程序的包大小，影响性能。而且，它们提供的动画效果都是固定的，无法满足个性化需求，限制了应用程序的创意发挥。

解决方案：最少代码实现自定义转场动画

现在，我们来揭秘使用最少代码实现自定义转场动画的秘诀：

引入必要的头文件：<UIKit/UIKit.h>
定义一个自定义转场动画类，使其符合 UIViewControllerAnimatedTransitioning 协议：

class CustomAnimator: NSObject, UIViewControllerAnimatedTransitioning {
    // ...
}

实现 UIViewControllerAnimatedTransitioning 协议中的方法，定义动画时长和具体实现：

func transitionDuration(in context: UIViewControllerContextTransitioning?) -> TimeInterval {
    // ...
}

func animateTransition(in context: UIViewControllerContextTransitioning) {
    // ...
}

注册自定义转场动画：

self.transitioningDelegate = self

使用自定义转场动画：

self.present(viewControllerToPresent, animated: true, completion: nil)

代码示例：淡入淡出动画

class FadeAnimator: CustomAnimator {

    override func transitionDuration(in context: UIViewControllerContextTransitioning?) -> TimeInterval {
        return 0.5
    }

    override func animateTransition(in context: UIViewControllerContextTransitioning) {
        guard let fromView = context.view(forKey: .from),
              let toView = context.view(forKey: .to) else {
            return
        }

        context.containerView.addSubview(toView)
        toView.alpha = 0.0

        UIView.animate(withDuration: transitionDuration(in: context), animations: {
            fromView.alpha = 0.0
            toView.alpha = 1.0
        }, completion: { _ in
            context.completeTransition(!context.transitionWasCancelled)
        })
    }
}