iOS 關於viewController自定義的轉場動畫

PeachRain發表於2017-12-14

      關於轉場動畫我也只是一個新人,最近也是正好需要用到才研究了下,發現這東西太好玩了,基本可以實現各種炫酷的轉場的特效,瞬間讓你的app高大上有沒有。

      View Controller 轉場是iOS7 引入的新特性自定義,也就是說只有ios7以後才能用吧,但是就目前來講基本可以忽略不相容的情況。

首先:

iOS 7 自定義檢視控制器轉場的 API 基本上都是以協議的方式提供的。最主要的五個元件如下:

動畫控制器 (Animation Controllers)遵從UIViewControllerAnimatedTransitioning協議,並且負責實際執行動畫。

互動控制器 (Interaction Controllers)通過遵從UIViewControllerInteractiveTransitioning協議來控制可互動式的轉場。

轉場代理 (Transitioning Delegates)根據不同的轉場型別方便的提供需要的動畫控制器和互動控制器。

轉場上下文 (Transitioning Contexts)定義了轉場時需要的後設資料,比如在轉場過程中所參與的檢視控制器和檢視的相關屬性。 轉場上下文物件遵從UIViewControllerContextTransitioning協議,並且這是由系統負責生成和提供的

轉場協調器(Transition Coordinators)可以在執行轉場動畫時,並行的執行其他動畫。 轉場協調器遵從UIViewControllerTransitionCoordinator協議。

自定義轉場就是說,自己定義一個動畫,利用UIViewControllerAnimatedTransitioning動畫控制器,我們可以很方便的自己寫一個類並遵守UIViewControllerAnimatedTransitioning協議,然後完成相對應的方法,主要是以下兩個方法

- (NSTimeInterval)transitionDuration:(id)transitionContext;動畫的執行時間

- (void)animateTransition:(id)transitionContext;//動畫,我們就是要在這裡面寫轉場的效果.

以下是demo裡的一小段程式碼


- (NSTimeInterval)transitionDuration:(id)transitionContext {   

return 0.7;//動畫執行的時長

}

- (void)animateTransition:(id)transitionContext {     

  CATransform3D viewFromTransform = CATransform3DMakeRotation(M_PI/2, 0, 1, 0);    CATransform3D viewToTransform = CATransform3DMakeRotation(-M_PI/2, 0, 1, 0);    viewFromTransform.m34 = PERSPECTIVE;    viewToTransform.m34 = PERSPECTIVE;      UIViewController *toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];    UIViewController *fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];   

UIView *container = [transitionContext containerView];        //普通的左右滑動切換效果//   

BOOL goingRight = toVC.view.tag

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

//四方立體柱轉換效果

[toVC.view.layer setAnchorPoint:CGPointMake(0, 0.5)];

[fromVC.view.layer setAnchorPoint:CGPointMake(1, 0.5)];

toVC.view.layer.transform = viewToTransform;

[container addSubview:toVC.view];

container.transform = CGAffineTransformMakeTranslation(container.frame.size.width/2.0,0);

[UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{

fromVC.view.layer.transform = viewFromTransform;

toVC.view.layer.transform = CATransform3DIdentity;

[container setTransform:CGAffineTransformMakeTranslation(-container.frame.size.width/2.0, 0)];

} completion:^(BOOL finished) {

fromVC.view.layer.transform = CATransform3DIdentity;

toVC.view.layer.transform = CATransform3DIdentity;

[fromVC.view.layer setAnchorPoint:CGPointMake(0.5f, 0.5f)];

[toVC.view.layer setAnchorPoint:CGPointMake(0.5f, 0.5f)];

[container setTransform:CGAffineTransformIdentity];

[transitionContext completeTransition:YES];

}];

}

作為一個ios的小小工程師其實對這些api還不是很瞭解只能放出寫demo讓大家自己研究下了。


demo:https://github.com/taosiyu/TSYViewFromTo

iOS 關於viewController自定義的轉場動畫

相關文章