CATransition 的初级应用及type属性

朱雀 2022-08-21 03:18 96阅读 0赞

需要在frameworks中添加QuartzCore.framework

在接口程序中加上头文件   \#import <QuartzCore/QuartzCore.h>

/\*好多动画效果\*/

CATransition \*transition = \[CATransition animation\];  
    transition.duration = 1.0f;          /\* 间隔时间\*/  
    transition.timingFunction = \[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut\]; /\* 动画的开始与结束的快慢\*/  
    transition.type = @"rippleEffect";  /\* 各种动画效果\*/

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

transition.subtype = kCATransitionFromRight;    /\* 动画方向\*/  
    transition.delegate = self;  
    \[navigationController.view.layer  /\* 在想添加CA动画的VIEW的层上添加此代码\*/addAnimation:transition forKey:nil\];

//另外加一句,transition在申请时用的是+方法,所以不需要自己进行release ,在层上添加后不要认为retainCount已经+1,就还要release

//实际上CATransition类中还有一个属性是removedOnCompletion,是此动画执行完后会自动remove,默认值为true

**CATransition的type属性**

这里使用了setType与setSubtype组合，这使用个比较保险，因为他的参数就是官方API里定义的，他们的参数说明可以参考如下：

**\[c\]**  [view plain][] [copy][view plain]

1. setType<span style="color:\#339933">:可以返回四种类型：  
2. kCATransitionFade淡出  
3. kCATransitionMoveIn覆盖原图  
4. kCATransitionPush推出  
5. kCATransitionReveal底部显出来  
6. setSubtype<span style="color:\#339933">:也可以有四种类型：  
7. kCATransitionFromRight；  
8. kCATransitionFromLeft<span style="color:\#009900">(默认值<span style="color:\#009900">)  
9. kCATransitionFromTop；  
10. kCATransitionFromBottom

还有一种设置动画类型的方法，不用setSubtype，只用setType

**\[c\]**  [view plain][] [copy][view plain]

1.  animation.type=@"pageCurl";

**\[c\]**  [view plain][] [copy][view plain]

1.  pageCurl   向上翻一页  
2.  pageUnCurl 向下翻一页  
3.  rippleEffect 滴水效果  
4.  suckEffect 收缩效果，如一块布被抽走  
5.  cube 立方体效果  
6.  oglFlip 上下翻转效果

示例

CATransition \*animation=\[CATransition animation\];  
 animation.delegate=self;  
 animation.duration=1.0f;

animation.timingFunction=UIViewAnimationCurveEaseInOut;

animation.type=kCATransitionMoveIn;  
animation.subtype=kCATransitionFromTop;  
 \[myView.layer addAnimation:animation forKey:@"move in"\];

[view plain]: http://blog.csdn.net/silva_831/article/details/7377668#