ViewControllerTransition实现京东加购物车效果-创新互联
这篇文章中我们主要来叙述一下上述动画效果的实现方案。主要涉及 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)
}
} 当前名称:ViewControllerTransition实现京东加购物车效果-创新互联
分享网址:http://www.jxjierui.cn/article/dpocdj.html


咨询
建站咨询
