首页 > 代码库 > CATransition过渡动画

CATransition过渡动画

移动开发过程中, 动画是必不可少的,有了动画,仿佛我们的程序有了生命一样.动画可以让我们的程序界面变化更流畅, 而不是很突兀的感觉.今天,就说一下CATransition过渡动画.
我们先看一下过渡动画的代码实现:
[objc] view plaincopyprint?
<span style="white-space:pre">    </span>// 创建  
    CATransition *transition = [CATransition animation];  
    transition.duration = 2;  
    // 设置过渡样式  
    /** 
        Types: 
        kCATransitionFade 
        kCATransitionMoveIn 
        kCATransitionPush 
        kCATransitionReveal 
      
     */  
    // 样式  
    transition.type = kCATransitionReveal;  
    /** 
     *  Subtypes: 
        kCATransitionFromRight; 
        kCATransitionFromLeft; 
        kCATransitionFromTop; 
        kCATransitionFromBottom; 
     */  
    // 方向  
    transition.subtype = kCATransitionFromBottom;  
      
    // 添加动画  
    [self.changeView.layer addAnimation:transition forKey:nil];  

一般的,我们设置动画的类型使用提供的枚举值.偶然发现,过渡动画还能识别一些OC中的字符串.
使用方法:
[objc] view plaincopyprint?
transition.type = @"rippleEffect";  

下面是一些能够使用的动画类型:
     fade     // 交叉淡化过渡(不支持过渡方向)
     push     // 新视图把旧视图推出去
     moveIn  // 新视图移到旧视图上面
     reveal   // 将旧视图移开,显示下面的新视图
     cube     // 立方体翻滚效果
     oglFlip    // 上下左右翻转效果
     suckEffect    // 收缩效果,如一块布被抽走(不支持过渡方向)
     rippleEffect // 滴水效果(不支持过渡方向)
     pageCurl     // 向上翻页效果
     pageUnCurl   // 向下翻页效果
     cameraIrisHollowOpen   // 相机镜头打开效果(不支持过渡方向)
     cameraIrisHollowClose  // 相机镜头关上效果(不支持过渡方向)

CATransition过渡动画