關於轉場動畫我也只是一個新人,最近也是正好需要用到才研究了下,發現這東西太好玩了,基本可以實現各種炫酷的轉場的特效,瞬間讓你的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