CATransition 动画的参考解析

 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>

*/