CATransition 转场动画

本文详细介绍了如何使用Core Animation创建并添加转场动画,包括关键步骤和动画属性解析,帮助开发者快速上手。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

 

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:sition forKey:nil];


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

转场动画属性解析

//属性解析:

    //type:动画过度类型

#warning 这个是直接用

    /*

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

     kCATransitionMoveIn 新视图移到旧视图上面

     kCATransitionPush   新视图把旧视图推出去

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

     */

#warning 这个是结合字符串

    /*

     pageCurl                向上翻页

     pageUnCurl              向下翻页

     rippleEffect            滴水效果

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

     cube                    立方体翻转效果效果

     oglFlip                 上下左右翻转效果

     cameraIrisHollowOpen    相机镜头打开效果

     cameraIrisHollowClose   相机镜头关上效果

     */

    

    //subtype:动画过渡方向

    /*

     kCATransitionFromRight

     kCATransitionFromLeft

     kCATransitionFromTop

     kCATransitionFromBottom

     */

    

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

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




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值