美文网首页
iOS 关于viewController自定义的转场动画

iOS 关于viewController自定义的转场动画

作者: taosiyu | 来源:发表于2016-06-27 11:45 被阅读119次

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

          本文链接:https://www.haomeiwen.com/subject/cbszdttx.html