这篇文章中我们主要来叙述一下上述动画效果的实现方案。主要涉及 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)
 }
}

Animator

Animator 作为转场动画的管理者，主要负责 Presenting 和 Dismissing 动画效果。

动画时长

/// 转场动画时长
func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
 return TimeInterval(0.5)
}

执行动画

/// 执行转场动画
func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
 switch type {
 case .Present:
  present(transitionContext: transitionContext)
 case .Dismiss:
  dismiss(transitionContext: transitionContext)
 }
}

Presenting 动画

/// Presenting 动画
func present(transitionContext: UIViewControllerContextTransitioning) {
 /** 1.从转场上下文中取出 Presenting/Pressented View Controller 及容器视图 */
 guard let presentingVC = transitionContext.viewController(forKey: .from) as? ViewController else {
  return
 }
 guard let presentedVC = transitionContext.viewController(forKey: .to) as? PresentedViewController else {
  return
 }
 let containerView = transitionContext.containerView
 /** 2.设置 Presenting View Controller 所显示内容的属性 */
 // 对 presentingVC 的视图内容截屏，用于 presentedVC 显示出来时的背景
 guard let presentingVCViewSnapshot = presentingVC.view.snapshotView(afterScreenUpdates: false) else {
  return
 }
 // 隐藏 presentingVC 的 view，并将其截屏添加到 containerView 中
 presentingVC.view.isHidden = true
 containerView.addSubview(presentingVCViewSnapshot)
 // 改变 presentingVCViewSnapshot 的焦点
 presentingVCViewSnapshot.layer.anchorPoint = CGPoint(x: 0.5, y: 1)
 // 更新 presentingVCViewSnapshot 的 frame
 presentingVCViewSnapshot.frame = presentingVC.view.frame
 /** 3.设置 Presented View Controller 所显示内容的属性 */
 presentedVC.view.frame = CGRect(x: 0, y: containerView.bounds.height, width: containerView.bounds.width, height: containerView.bounds.height)
 containerView.addSubview(presentedVC.view)
 /** 4.设置 Presenting 转场动画 */
 UIView.animate(withDuration: transitionDuration(using: transitionContext), animations: {
  // 改变 presentingVCViewSnapshot 的 layer 的 transform，使其绕 X轴 旋转，并改变大小
  presentingVCViewSnapshot.layer.transform.m34 = -1 / 100.0
  presentingVCViewSnapshot.layer.transform = presentingVCViewSnapshot.layer.transform = CATransform3DConcat(CATransform3DMakeRotation(CGFloat(0.1), 1, 0, 0), CATransform3DMakeScale(0.85, 0.95, 1))
  // 改变 presentedVC 的 view 的 transform
  presentedVC.view.transform = CGAffineTransform(translationX: 0, y: -containerView.bounds.height)
 }) { (finished) in
  // 告知 UIKit Presenting 转场动画结束（很重要）
  transitionContext.completeTransition(true)
 }
}

Dismissing 动画

/// Dismissing 动画
func dismiss(transitionContext: UIViewControllerContextTransitioning) {
 /** 1.从转场上下文中取出容器视图、Presenting/Pressented View Controller 及其 view 的截屏 */
 let containerView = transitionContext.containerView
 guard let presentingVC = transitionContext.viewController(forKey: .from) as? PresentedViewController else {
  return
 }
 guard let presentedVC = transitionContext.viewController(forKey: .to) as? ViewController else {
  return
 }
 let subviewsCount = containerView.subviews.count
 let presentedVCViewSnapshot = containerView.subviews[subviewsCount - 2]
 /** 2.设置 Dismissing 转场动画 */
 UIView.animate(withDuration: transitionDuration(using: transitionContext), animations: {
  // 将 presentedVCViewSnapshot 的 transform 恢复到初始值
  presentedVCViewSnapshot.layer.transform = CATransform3DIdentity
  // 将 presentedVC 的 view 的 transform 恢复到初始值
  presentingVC.view.transform = CGAffineTransform.identity
 }) { (finished) in
  // 使 presentedVC 的 view 显示出来，并隐藏其截屏
  presentedVC.view.isHidden = false
  presentedVCViewSnapshot.removeFromSuperview()
  // 告知 UIKit Dismissing 转场动画结束（很重要）
  transitionContext.completeTransition(true)
 }
}

Transitioning Delegate

// MARK: - 2.实现 UIViewControllerTransitioningDelegate 提供 Animator
extension PresentedViewController: UIViewControllerTransitioningDelegate {
 /// Present
 func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
  return MyAnimator(type: .Present)
 }
 /// Dismiss
 func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
  return MyAnimator(type: .Dismiss)
 }
}
Present
@IBAction func present() {
 let presentedVC = PresentedViewController()
 present(presentedVC, animated: true, completion: nil)
}

关于 View Controller Transition 就介绍到这里，你应该熟悉了其使用方法，至于博客中的动画效果，我想就没办法深究了，这是一个花费时间苦差事。如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# view  # controller  # android  # 购物车  # Android实现仿淘宝购物车增加和减少商品数量功能demo示例  # Android实现的仿淘宝购物车demo示例  # Android实现购物车功能  # iOS9 系统分享调用之UIActivityViewController  # iOS开发中ViewController的页面跳转和弹出模态  # angularjs学习笔记之三大模块（modal  # view）  # iOS开发中的ViewController转场切换效果实现简介  # 自定义  # 很重要  # 可以使用  # 时长  # 我想  # 几个  # 在此  # 你也  # 我们可以  # 这是一个  # 就没  # 几种  # 使其  # 为其  # 你应该  # 这篇文章  # 来完成  # 小编  # 给我留言  # 请多多 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Android GridView 滑动条设置一直显示状态(推荐)  为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  如何在IIS中新建站点并配置端口与物理路径？  Laravel Docker环境搭建教程_Laravel Sail使用指南  制作电商网页,电商供应链怎么做？  实例解析angularjs的filter过滤器  Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层  Python自动化办公教程_ExcelWordPDF批量处理案例  详解jQuery中基本的动画方法  如何在万网主机上快速搭建网站？  如何生成腾讯云建站专用兑换码？  Laravel如何使用Service Container和依赖注入？（代码示例）  网站制作大概多少钱一个,做一个平台网站大概多少钱？  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  微博html5版本怎么弄发语音微博_语音录制入口及时长限制操作【教程】  如何在自有机房高效搭建专业网站？  网站制作软件有哪些,制图软件有哪些？  如何在阿里云香港服务器快速搭建网站？  百度输入法ai组件怎么删除 百度输入法ai组件移除工具  香港服务器部署网站为何提示未备案？  网站制作免费,什么网站能看正片电影？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  Laravel PHP版本要求一览_Laravel各版本环境要求对照  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  焦点电影公司作品,电影焦点结局是什么？  Laravel如何处理跨站请求伪造（CSRF）保护_Laravel表单安全机制与令牌校验  bing浏览器学术搜索入口_bing学术文献检索地址  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  Laravel怎么生成二维码图片_Laravel集成Simple-QrCode扩展包与参数设置【实战】  Laravel如何使用Collections进行数据处理？（实用方法示例）  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  如何用PHP快速搭建高效网站？分步指南  如何自定义建站之星模板颜色并下载新样式？  ,网页ppt怎么弄成自己的ppt？  Laravel如何安装使用Debugbar工具栏_Laravel性能调试与SQL监控插件【步骤】  再谈Python中的字符串与字符编码（推荐）  Laravel如何处理和验证JSON类型的数据库字段  独立制作一个网站多少钱,建立网站需要花多少钱？  智能起名网站制作软件有哪些,制作logo的软件？  如何在IIS中新建站点并配置端口与IP地址？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  如何在Tomcat中配置并部署网站项目？  谷歌Google入口永久地址_Google搜索引擎官网首页永久入口  Laravel如何处理JSON字段的查询和更新_Laravel JSON列操作与查询技巧  nginx修改上传文件大小限制的方法  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  网站建设保证美观性，需要考虑的几点问题！  如何在阿里云高效完成企业建站全流程？  瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口