关于转场动画我也只是一个新人,最近也是正好需要用到才研究了下,发现这东西太好玩了,基本可以实现各种炫酷的转场的特效,瞬间让你的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