您的位置:首页 > 其它

iphone开发中的各种动画效果

2013-04-12 13:38 393 查看
iphone中存在很多好看的动画效果,用于页面的切换等。其中某些是apple私有的,据说私有的无法通过apple的审批。
最近工作中刚好用到过其中的某些动画,所以在网上搜了下资料,了解了下这些动画。这里就自己的理解做一下总结,如有错误或遗漏,尽请谅解。

1、UIView 动画
官方API中,使用UIView可以设置5个动画效果,分别为:

UIViewAnimationTransitionNone 不使用动画
UIViewAnimationTransitionFlipFromLeft 从左向右旋转翻页
UIViewAnimationTransitionFlipFromRight 从右向左旋转翻页,与UIViewAnimationTransitionFlipFromLeft相反
UIViewAnimationTransitionCurlUp 卷曲翻页,从下往上

UIViewAnimationTransitionCurlDown 卷曲翻页,从上往下
详细请参见UIViewAnimationTransition

例子:

[UIViewbeginAnimations:@"animationID"context:nil];//开始一个动画块,第一个参数为动画块标识
[UIViewsetAnimationDuration:0.5f];//设置动画的持续时间
[UIViewsetAnimationCurve:UIViewAnimationCurveEaseInOut];//设置动画块中的动画属性变化的曲线,此方法必须在beginAnimations方法和commitAnimations,默认即为UIViewAnimationCurveEaseInOut效果。详细请参见UIViewAnimationCurve

[UIViewsetAnimationRepeatAutoreverses:NO];//设置是否自动反转当前的动画效果

[UIViewsetAnimationTransition:UIViewAnimationTransitionFlipFromLeftforView:self.viewcache:YES];//设置过渡的动画效果,此处第一个参数可使用上面5种动画效果

[self.viewexchangeSubviewAtIndex:1withSubviewAtIndex:0];//页面翻转
[UIViewcommitAnimations];//提交动画

2、公共动画效果
使用CATransiton可以设置4种动画效果,分别为:

NSString * const kCATransitionFade;//渐渐消失
NSString * const kCATransitionMoveIn;//覆盖进入
NSString * const kCATransitionPush;//推出
NSString * const kCATransitionReveal;//与MoveIn相反

例子:

CATransition *animation = [CATransitionanimation];
animation.duration = 0.5f;
animation.timingFunction = UIViewAnimationCurveEaseInOut;

animation.type = kCATransitionPush;//设置上面4种动画效果
animation.subtype = kCATransitionFromTop;//设置动画的方向,有四种,分别为kCATransitionFromRight、kCATransitionFromLeft、kCATransitionFromTop、kCATransitionFromBottom

[self.view.layeraddAnimation:animation forKey:@"animationID"];

3、私有动画
iphone种还有很多动画是苹果私有的,例如删除照片的动画等,
私有动画可以直接在animation.type中传入动画的字符串即可。动画有以下几种:

cube:像立方体一样翻转

suckEffect:渐渐缩小,与删除照片动画一样

oglFlip:上下旋转,当subType为fromLeft或者fromRight时,与UIViewAnimationTransitionFlipFromLeft和UIViewAnimationTransitionFlipFromRight一样

rippleEffect:水波效果

pageCurl:与UIViewAnimationTransitionCurlUp一样


pageUnCurl:与UIViewAnimationTransitionCurlDown一样

cameraIrisHollowOpen:First half of cameraIris.

cameraIrisHollowClose:Second half of cameraIris

以上所有动画效果的demo请见http://www.cocoachina.com/bbs/read.php?tid-11820.html,在此感谢楼主的分享,给我的学习带来很到的帮助。
UIViewAnimationState描述:http://www.iphonedevwiki.net/index.php/UIViewAnimationState

同时,本人在使用UIView实现suckEffect缩小的效果过程中遇到一个问题(不知道如何定位),经过搜索终觅得解决方法,分享如下:
[UIViewbeginAnimations:@"suck"context:NULL];
[UIViewsetAnimationTransition:103forView:self.viewcache:YES];
[UIViewsetAnimationDuration:0.5f];
if (self.interfaceOrientation
== UIInterfaceOrientationPortrait || self.interfaceOrientation == UIInterfaceOrientationPortraitUpsideDown)
{
[UIViewsetAnimationPosition:CGPointMake(44, 42)];
}else {
[UIViewsetAnimationPosition:CGPointMake(320 , 42)];
}
[UIViewcommitAnimations];

其中setAnimationPosition方法就是用于设置缩小点的位置的,此处虽然会报一个警告,但是结果还是正确的。

来自:http://blog.csdn.net/xiaoguan2008/article/details/6291425

来自:http://blog.sina.com.cn/s/blog_7cb1a1c901010gbl.html

[UIView beginAnimations:nil context:NULL]; // 开始动画

[UIView setAnimationDuration:1]; //动画时间

[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp //一种动画效果

forView:self.view.superview //跳转到的view

cash:NO];

[self.view removeFromSuperview];

[UIView commitAnimations]; //commit好熟悉的单词。。 提交动画效果

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

第一次更新:2012年3月26日10:59:56

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

原来书上有相关动画的设置:

- (IBAction)switchViews:(id)sender {

//声明一个动画块,后面的一些函数都是只有在块中才能有作用,比如setAnimationCurve:

[UIView beginAnimations:@"View Flip" context:nil];

//动画时间

[UIView setAnimationDuration:0.75];

//设置动画曲线,easeInOut : 前后慢,中间快。

[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];



if (self.yellowViewContrl.view.superview == nil) {

if (self.yellowViewContrl == nil) {

YellowViewController *yellowC =

[[YellowViewController alloc] initWithNibName:@"YellowView" bundle:nil];

self.yellowViewContrl = yellowC;

[yellowC release];

}

//动画形式 ,利用缓存(可以加快运行速度,如果没有特殊要求,参数为YES)

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES];



[blueViewContrl viewWillAppear:YES];

[yellowViewContrl viewWillDisappear:YES];



[blueViewContrl.view removeFromSuperview];

[self.view insertSubview:yellowViewContrl.view atIndex:0];

[yellowViewContrl viewDidDisappear:YES];

[blueViewContrl viewDidAppear:YES];

}

else {

if (self.blueViewContrl == nil) {

BlueViewController *blueC =

[[BlueViewController alloc] initWithNibName:@"BlueView" bundle:nil];

self.blueViewContrl = blueC;

[blueC release];

}

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];



[yellowViewContrl viewWillAppear:YES];

[blueViewContrl viewWillDisappear:YES];



[yellowViewContrl.view removeFromSuperview];

[self.view insertSubview:blueViewContrl.view atIndex:0];

[blueViewContrl viewDidDisappear:YES];

[yellowViewContrl viewDidAppear:YES];

}

[UIView commitAnimations]; //提交动画,将动画块中的内容制成动画

}

需要注意的地方:

1. 在 removeFromSuperview 和 insertSubview 的前后,viewWillAppear/viewWillDisappear viewDidDisapper/viewDidAppear 的调用。 这样可以使程序运行更加正确,这是一种好的编程习惯,即使这里并没有定义他们的实现方法,但是也应该调用它们。因为,我很可能在未来的编程中用到他们。如果没有调用这些函数,在以后更新程序完成后,可能会出现各种古怪的行为,并且不容易调试得到结果。

2. 关于appear disappear和调用的问题,我在BlueViewController 和 YellowViewContorller 的类中重新定义了他们。 之前我以为,在removeFormSuperview 和 insertSubview 运行之后会自动调用这些函数,但是测试结果表明并没有。 之后,我在SwitchViewController(window的主试图)中声明了这两个函数,在程序刚运行时会调用didAppear:

结论:查了官方文档之后,我得到这么一个结论, 关于 appear和disappear 的函数只有在 和window相关的调用中才会自动触发,比如之前的SwitchViewController.view 就是在 AppDelegate中 被[self.window addSubview: switchViewController.view] 调用了得。

所以在其他利用removeSuperview 和 addSubView ,insertSubview 来改变可见试图的操作就需要手动的调用这些appear函数来实现 需要在改变视图中需要做的操作。

注意官方文档中用的是 notify这个单词。

3.我感觉书中的 appear disappear 用反地方了 =。=
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: