iOS Swift控制器转场动画示例代码

 更新时间:2018年01月09日 11:16:10   作者:GA_  
这篇文章主要给大家介绍了关于iOS Swift控制器转场动画的相关资料,文中通过示例代码介绍的非常详细,对各位iOS开发者们具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。

前言

在IOS开发中,我们model另外一个控制器的时候,一般都使用默认的转场动画。本文将给大家详细介绍关于iOS Swift控制器转场动画的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

返回效果也可更改

四种转场动画

      1. move:源图片位置移动到目标图片位置;

      2. circle:根据源控件大小创建圆形或者椭圆形path路径,放大展示目标;

      3. tier:源左右,目标由小到大缩放;

      4. middle:源的中心点开始放大,返回是缩回到中心。

代码解析

给UIViewController添加一个属性yy_routerAnimation: YYTransition

extension UIViewController {
 public var yy_routerAnimation : YYTransition {
  set {
   objc_setAssociatedObject(self, &YYTransitionKey.kRouterAnimationKey, newValue, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
  }
  get {
   guard let r = objc_getAssociatedObject(self, &YYTransitionKey.kRouterAnimationKey) as? YYTransition else {
    return YYTransition()
   }
   return r
  }
 }
}

YYTransition类

public class YYTransition: NSObject

遵守代理

extension YYTransition: UIViewControllerAnimatedTransitioning, UIViewControllerTransitioningDelegate, UINavigationControllerDelegate

实现代理方法

  return self
 }
 
 public func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
  return 转场动画所需时间
 }

这个方法内调用相应动画方法

 public func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
  switch self.yy_ransitionAnimationType {
  case .circle:
   break
  case .move:
   break
  case .middle:
   break
  case .tier:
   break
  }
 }

相关属性

extension YYTransition {
 // 是push还是pop
 public var yy_isBack: Bool {}
 // 动画类型
 var yy_ransitionAnimationType: YYTransitionAnimationType {}
 // 源view名字 
 var yy_fromViewPath: String? { }
 // 目标view名字 
 var yy_toViewPath: String? { }
 // 句柄
 var yy_transitionContext: UIViewControllerContextTransitioning {}
}

实现基础动画结束时的代理方法

extension YYTransition: CAAnimationDelegate {
 public func animationDidStop(_ anim: CAAnimation, finished flag: Bool) {
  yy_transitionContext.completeTransition(!yy_transitionContext.transitionWasCancelled)
  yy_transitionContext.viewController(forKey: .from)?.view.layer.mask = nil
  yy_transitionContext.viewController(forKey: .to)?.view.layer.mask = nil
 }
}

基础动画对路径操作的动画

extension YYTransition {
 func maskAnimation(targetVC: UIViewController, startPath: UIBezierPath, endPath: UIBezierPath, context: UIViewControllerContextTransitioning) {
}

下面四个文件内实现相对应的动画

YYTransition+Circle
YYTransition+Move
YYTransition+Tier
YYTransition+Middle

动画实现的思想基本就是拿到源view和目标view,控制位置和大小,做相应的动画即可。
用到的方法

UIViewControllerContextTransitioning 调用
public func viewController(forKey key: UITransitionContextViewControllerKey) -> UIViewController?
UIViewController调用
open func value(forKeyPath keyPath: String) -> Any?
* When requesting a snapshot, 'afterUpdates' defines whether the snapshot is representative of what's currently on screen or if you wish to include any recent changes before taking the snapshot. 
open func snapshotView(afterScreenUpdates afterUpdates: Bool) -> UIView?
open func convert(_ rect: CGRect, from view: UIView?) -> CGRect
open func insertSubview(_ view: UIView, belowSubview siblingSubview: UIView)
// This must be called whenever a transition completes (or is cancelled.)
 // Typically this is called by the object conforming to the
 // UIViewControllerAnimatedTransitioning protocol that was vended by the transitioning
 // delegate. For purely interactive transitions it should be called by the
 // interaction controller. This method effectively updates internal view
 // controller state at the end of the transition.
public func completeTransition(_ didComplete: Bool)

具体代码在YE项目地址中YYTransition动态库中

eg在YYSourceTransitionViewController和YYTargetTransitionViewController中可以看到。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • iOS动画案例(1) 类似于qq账号信息里的一个动画效果

    iOS动画案例(1) 类似于qq账号信息里的一个动画效果

    做一个类似于qq账号信息里的一个动画,感觉挺有意思,下面给大家分享iOS动画案例(1) 类似于qq账号信息里的一个动画效果,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-01-01
  • 提高iOS开发的小技巧和思路小结 (二)

    提高iOS开发的小技巧和思路小结 (二)

    这篇文章主要跟大家分享了关于提高iOS开发的一些小技巧和思路,通过本文总结的这些小技巧和思路相信对对大家开发iOS具有一定的参考价值,感兴趣的朋友们可以参考学习,下面来跟着小编一起学习学习吧。
    2017-04-04
  • iOS开发中使用UILabel设置字体的相关技巧小结

    iOS开发中使用UILabel设置字体的相关技巧小结

    这篇文章主要介绍了iOS开发中UILabel设置字体的相关技巧小结,代码基于传统的Objective-C,需要的朋友可以参考下
    2016-01-01
  • iOS仿微博图片浏览器

    iOS仿微博图片浏览器

    这篇文章主要为大家详细介绍了iOS仿微博图片浏览器的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • iOS图片模糊效果的实现方法

    iOS图片模糊效果的实现方法

    这篇文章主要为大家详细介绍了iOS图片模糊效果的三种实现方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • Unity iOS混合开发界面切换思路解析

    Unity iOS混合开发界面切换思路解析

    这篇文章主要介绍了Unity iOS混合开发界面切换思路解析的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • 详细整理iOS中UITableView的性能优化

    详细整理iOS中UITableView的性能优化

    最近在微博上看到一个很好的开源项目,是关于如何优化UITableView的,加上正好最近也在优化项目中的类似朋友圈功能这块,思考了很多关于UITableView的优化技巧,所以决定详细的整理下对优化UITableView的理解,需要的朋友们可以参考借鉴。
    2017-03-03
  • UITableView中Cell重用机制导致内容重复的解决方法

    UITableView中Cell重用机制导致内容重复的解决方法

    这篇文章主要为大家详细介绍了UITableView中Cell重用机制导致内容重复的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • IOS中Json解析实例方法详解(四种方法)

    IOS中Json解析实例方法详解(四种方法)

    本文将介绍TouchJson、 SBJson 、JSONKit 和 iOS5所支持的原生的json方法,解析国家气象局API。通过本文给大家介绍IOS中Json解析的四种方法,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06
  • iOS下拉、上拉刷新控件的封装

    iOS下拉、上拉刷新控件的封装

    这篇文章主要为大家详细介绍了iOS下拉、上拉刷新控件的封装,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-04-04

最新评论