溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

iOS Swift控制器轉(zhuǎn)場動畫示例代碼

發(fā)布時(shí)間:2020-08-24 11:52:43 來源:腳本之家 閱讀:158 作者:GA_ 欄目:移動開發(fā)

前言

在IOS開發(fā)中,我們model另外一個(gè)控制器的時(shí)候,一般都使用默認(rèn)的轉(zhuǎn)場動畫。本文將給大家詳細(xì)介紹關(guān)于iOS Swift控制器轉(zhuǎn)場動畫的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。

返回效果也可更改

iOS Swift控制器轉(zhuǎn)場動畫示例代碼

四種轉(zhuǎn)場動畫

      1. move:源圖片位置移動到目標(biāo)圖片位置;

      2. circle:根據(jù)源控件大小創(chuàng)建圓形或者橢圓形path路徑,放大展示目標(biāo);

      3. tier:源左右,目標(biāo)由小到大縮放;

      4. middle:源的中心點(diǎn)開始放大,返回是縮回到中心。

代碼解析

給UIViewController添加一個(gè)屬性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

實(shí)現(xiàn)代理方法

  return self
 }
 
 public func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
  return 轉(zhuǎn)場動畫所需時(shí)間
 }

這個(gè)方法內(nèi)調(diào)用相應(yīng)動畫方法

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

相關(guān)屬性

extension YYTransition {
 // 是push還是pop
 public var yy_isBack: Bool {}
 // 動畫類型
 var yy_ransitionAnimationType: YYTransitionAnimationType {}
 // 源view名字 
 var yy_fromViewPath: String? { }
 // 目標(biāo)view名字 
 var yy_toViewPath: String? { }
 // 句柄
 var yy_transitionContext: UIViewControllerContextTransitioning {}
}

實(shí)現(xiàn)基礎(chǔ)動畫結(jié)束時(shí)的代理方法

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
 }
}

基礎(chǔ)動畫對路徑操作的動畫

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

下面四個(gè)文件內(nèi)實(shí)現(xiàn)相對應(yīng)的動畫

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

動畫實(shí)現(xiàn)的思想基本就是拿到源view和目標(biāo)view,控制位置和大小,做相應(yīng)的動畫即可。
用到的方法

UIViewControllerContextTransitioning 調(diào)用
public func viewController(forKey key: UITransitionContextViewControllerKey) -> UIViewController?
UIViewController調(diào)用
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項(xiàng)目地址中YYTransition動態(tài)庫中

eg在YYSourceTransitionViewController和YYTargetTransitionViewController中可以看到。

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問大家可以留言交流,謝謝大家對億速云的支持。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI