Xcode界面切换添加动画效果

需要在frameworks中添加QuartzCore.framework

 

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

/*好多动画效果*/

    CATransition*transition = [CATransition animation];    transition.duration = 1.0f;         /* 间隔时间*/    transition.timingFunction = [CAMediaTimingFunctionfunctionWithName: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:transitionforKey:nil]; 

 

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

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

 

实现iphone漂亮的动画效果主要有两种方法,一种是UIView层面的,一种是使用CATransition进行更低层次的控制,

第一种是UIView,UIView方式可能在低层也是使用CATransition进行了封装,它只能用于一些简单的、常用的效果展现,这里写一个常用的示例代码,供大家参考。

[UIView beginAnimations:@"Curl"context:nil];//动画开始

[UIView setAnimationDuration:0.75];

[UIView setAnimationDelegate:self];

[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:myview cache:YES];

[myview removeFromSuperview];

[UIView commitAnimations];

 

第二种方式相对复杂一些,但如果更好的进行控制,还是使用这种方法吧,基本使用方法可以看一下如下例子:

CATransition *animation =[CATransitionanimation];

[animation setDuration:1.25f];

[animation setTimingFunction:[CAMediaTimingFunction

functionWithName:kCAMediaTimingFunctionEaseIn]];

[animation setType:kCATransitionReveal];

[animation setSubtype:kCATransitionFromBottom];

[self.view.layer addAnimation:animationforKey:@"Reveal"];

 

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

setType:可以返回四种类型:

kCATransitionFade淡出

kCATransitionMoveIn覆盖原图

kCATransitionPush推出

kCATransitionReveal底部显出来

setSubtype:也可以有四种类型:

kCATransitionFromRight

kCATransitionFromLeft(默认值)

kCATransitionFromTop

kCATransitionFromBottom

 

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

[animation setType:@"suckEffect"];

 

这里的suckEffect就是效果名称,可以用的效果主要有:

pageCurl   向上翻一页

pageUnCurl 向下翻一页

rippleEffect 滴水效果

suckEffect 收缩效果,如一块布被抽走

cube 立方体效果

oglFlip 上下翻转效果

 

最后再给出一种常用代码供大家参考。

// Curl the image up or down

CATransition *animation = [CATransition animation];

[animationsetDuration:0.35];

[animationsetTimingFunction:UIViewAnimationCurveEaseInOut];

if(!curled){

//animation.type = @"mapCurl";

animation.type = @"pageCurl";

animation.fillMode = kCAFillModeForwards;

animation.endProgress = 0.99;

}else{

//animation.type = @"mapUnCurl";

animation.type = @"pageUnCurl";

animation.fillMode = kCAFillModeBackwards;

animation.startProgress = 0.01;

}

[animation setRemovedOnCompletion:NO];

[view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];

[view addAnimation:animation forKey"pageCurlAnimation"];

// Disable user interaction where necessary

if(!curled){

 

}else{

 

}

curled = !curled;

 

http://apps.hi.baidu.com/share/detail/23303219

http://blog.csdn.net/thomasqiujs/article/details/6628353

 

</pre><pre name="code" style="white-space:pre-wrap; color:rgb(102,102,102); font-size:16px">
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值