您好,登錄后才能下訂單哦!
前言
在IOS開發(fā)中,我們model另外一個(gè)控制器的時(shí)候,一般都使用默認(rèn)的轉(zhuǎn)場動畫。本文將給大家詳細(xì)介紹關(guān)于iOS Swift控制器轉(zhuǎn)場動畫的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。
返回效果也可更改
四種轉(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à)值,如果有疑問大家可以留言交流,謝謝大家對億速云的支持。
免責(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)容。