CATransition 动画的参考解析

来源：互联网发布：深圳金地物业知乎编辑：程序博客网时间：2024/05/22 11:54

CATransition *animation = [CATransition animation];
    animation.delegate = self;
    animation.duration = 0.5f * slider.value;
    animation.timingFunction = UIViewAnimationCurveEaseInOut;
   animation.fillMode = kCAFillModeForwards;
   animation.endProgress = slider.value;

animation.removedOnCompletion = NO;//默认NO,动画结束不移出view,YES移出这个页面。

CATransition Public API动画:
CATransition *animation = [CATransition animation];
animation.duration = 0.5f;//动画时间
animation.timingFunction = UIViewAnimationCurveEaseInOut; //先慢后快
animation.fillMode = kCAFillModeForwards;
//animation.removedOnCompletion = NO; //默认NO,动画结束不移出view,YES移出这个页面

animation.subtype = kCATransitionFromRight; /* 动画方向*/
animation.type = @"rippleEffect"; /* 各种动画效果*

///@"cube" @"moveIn" @"reveal" @"fade"(default) @"pageCurl" @"pageUnCurl" @"suckEffect" @"rippleEffect" @"oglFlip"

//各种动画效果
/*
kCATransitionFade;
kCATransitionMoveIn;
kCATransitionPush;z
kCATransitionReveal;
*/
/*
kCATransitionFromRight;
kCATransitionFromLeft;
kCATransitionFromTop;
kCATransitionFromBottom;
*/

<span style="font-family: Arial; font-size: 18px; white-space: normal;">这里使用了setType与setSubtype组合，这使用个比较保险，因为他的参数就是官方API里定义的，他们的参数说明可以参考如下：</span>

<span style="font-size: 18px;">setType:可以返回四种类型：</span>

<span style="font-size: 18px;">kCATransitionFade淡出</span>

<span style="font-size: 18px;">kCATransitionMoveIn覆盖原图</span>

<span style="font-size: 18px;">kCATransitionPush推出</span>

<span style="font-size: 18px;">kCATransitionReveal底部显出来</span>

<span style="font-size: 18px;">setSubtype:也可以有四种类型：</span>

<span style="font-size: 18px;">kCATransitionFromRight；</span>

<span style="font-size: 18px;">kCATransitionFromLeft(默认值)</span>

<span style="font-size: 18px;">kCATransitionFromTop；</span>

<span style="font-size: 18px;">kCATransitionFromBottom</span>

<span style="font-family: Arial; font-size: 18px; white-space: normal;"></span>

<span style="font-family: Arial; font-size: 18px; white-space: normal;">还有一种设置动画类型的方法，不用setSubtype，只用setType</span>

<span style="font-size: 18px;">[</span><span style="font-size: 18px;">animation setType:<span style="color: rgb(191, 29, 26);">@</span><span style="color: rgb(191, 29, 26);">"suckEffect"</span>];</span>

<span style="font-family: Arial; font-size: 18px; white-space: normal;"></span>

<span style="font-family: Arial; font-size: 18px; white-space: normal;">这里的suckEffect就是效果名称，可以用的效果主要有：</span>

<span style="font-size: 18px;">pageCurl   向上翻一页</span>

<span style="font-size: 18px;">pageUnCurl 向下翻一页</span>

<span style="font-size: 18px;">rippleEffect 滴水效果</span>

<span style="font-size: 18px;">suckEffect 收缩效果，如一块布被抽走</span>

<span style="font-size: 18px;">cube 立方体效果</span>

<span style="font-size: 18px;">oglFlip 上下翻转效果</span>

0 0