View Controller Transition实现京东加购物车效果

这篇文章中我们主要来叙述一下上述动画效果的实现方案。主要涉及 View Controller 转场动画的知识。

我搭建了个人站点，那里有更多内容，请多多指教。点我哦！！！

Presenting a View Controller

显示一个 View Controller 主要有一下几种方式：

• 使用 segues 自动显示 View Controller；
• 使用 showViewController:sender: 和 showDetailViewController:sender: 方法显示 View Controller；
• 调用 presentViewController:animated:completion: 方法依模态形式显示 View Controller

通过上述方式，我们可以将一个 View Controller 显示出来，而对于显示地形式，我们可以使用 UIKit 中预定义的形式，也可以自定义（即自定义转场动画）。

Customizing the Transition Animations

自定义转场动画中，主要包含以下几个组件：

• Presenting View Controller（正在显示的 View Controller）
• Animator（动画管理者）
• Presented View Controller（要显示的 View Controller）
• Transitioning Delegate Object（转场代理，用来提供 Animator 对象）

实现自定义转场动画，通常按照以下几个步骤来完成

• 创建 Presented View Controller；
• 创建 Animator；
• 设置 Presented View Controller 的 transitioningDelegate 属性，并实现 UIViewControllerTransitioningDelegate 提供 Animator 对象；
• 在 Presenting View Controller 中调用 presentViewController:animated:completion: 显示 Presented View Controller；

Presented View Controller

这里，我们将 Presented View Controller 本身作为其转场代理，你也可以使用单独的代理对象。

class PresentedViewController: UIViewController { let imageView = UIImageView(image: UIImage(named: "jd_add.jpg")) override func viewDidLoad() {  super.viewDidLoad()  // 1.设置 transitioningDelegate（转场代理）  transitioningDelegate = self  modalPresentationStyle = .custom  view.addSubview(imageView) } override func viewDidLayoutSubviews() {  super.viewDidLayoutSubviews()  imageView.frame = CGRect(x: 0, y: 120, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height - 120) } override func touchesBegan(_ touches: Set, with event: UIEvent?) {  self.dismiss(animated: true, completion: nil) }}