CATransition 转场动画

来源:互联网 发布:check it out 编辑:程序博客网 时间:2024/05/16 08:28

转场动画是比较简单的。不需要做太多的设置。随便就可以做出很炫的动画。

 

CAAnimation

类的结构继承图



做动画两个个步骤。

1.创建核心动画。

2.添加核心动画。


//1.创建转场动画

    CATransition *sition = [CATransitionanimation];

    //1.1设置动画时间

    sition.duration =2.0;

   //1.2设置过渡效果有些效果不支持过渡效果

    sition.type =@"pageUnCurl";

    //1.3设置过渡方向

    sition.subtype =kCATransitionFromRight;

    //1.4startProgress:动画起点(在整体动画的百分比)

    //sition.startProgress = 0.3;

    //1.5endProgress:动画终点(在整体动画的百分比)

    //sition.endProgress = 0.4;

    //2.添加核心动画

    [self.view.layeraddAnimation:sitionforKey:nil];


=======================================================================

转场动画属性解析

//属性解析:

    //type:动画过度类型

#warning 这个是直接用

    /*

     kCATransitionFade   交叉淡化过渡   (不支持过渡方向)

     kCATransitionMoveIn 新视图移到旧视图上面

     kCATransitionPush   新视图把旧视图推出去

     kCATransitionReveal 将旧视图移开,显示下面的新视图

     */

#warning 这个是结合字符串

    /*

     pageCurl                向上翻页

     pageUnCurl              向下翻页

     rippleEffect            滴水效果

     suckEffect              收缩效果,如一块布被抽走(不支持过渡方向)

     cube                    立方体翻转效果效果

     oglFlip                 上下左右翻转效果

     cameraIrisHollowOpen    相机镜头打开效果

     cameraIrisHollowClose   相机镜头关上效果

     */

    

    //subtype:动画过渡方向

    /*

     kCATransitionFromRight

     kCATransitionFromLeft

     kCATransitionFromTop

     kCATransitionFromBottom

     */

    

    //startProgress:动画起点(在整体动画的百分比)

    //endProgress:动画终点(在整体动画的百分比)




0 0
原创粉丝点击