首页 > 代码库 > iOS开发中CATransition过渡动画的类型

iOS开发中CATransition过渡动画的类型

2024-07-23 12:19:59   221人阅读

移动开发过程中, 动画是必不可少的,有了动画,仿佛我们的程序有了生命一样.动画可以让我们的程序界面变化更流畅, 而不是很突兀的感觉.今天,就说一下CATransition过渡动画.

我们先看一下过渡动画的代码实现:

<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中的字符串.

使用方法:

transition.type = @"rippleEffect";

下面是一些能够使用的动画类型:

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

iOS开发中CATransition过渡动画的类型


联系
我们