iPhone动画效果类型及实现方法
本文要介绍的内容,主要介绍了iPhone中动画的实现方法。
在iOS中,主要有用到四种动画效果
1、Core Animation
2、CATransition
实现iphone漂亮的动画效果主要有两种方法,一种是UIView层面的,一种是使用CATransition进行更低层次的控制.
1、UIView(Core Animation)
例子:
模式一:
CGContextRef context = UIGraphicsGetCurrentContext();
[UIView beginAnimations:nil context:context];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView setAnimationDelegate:self];
[UIView setAnimationDuration:1.0]; //动画持续的时间
//这里添加你对UIView所做改变的代码
//[UIView setAnimationDidStopSelector:@selector(animationFinished:)]; //动画停止后,执行某个方法
[UIView commitAnimations];
模式二:(使用Cocoa Touch)
CGContextRef context = UIGraphicsGetCurrentContext();
[UIView beginAnimations:nil context:context];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView setAnimationDuration:1.0];
// Cocoa Touch
[UIView setAnimationTransition: UIViewAnimationTransitionCurlUp forView:myView cache:YES];
[UIView setAnimationDelegate:self];
//[UIView setAnimationDidStopSelector:@selector(animationFinished:)]; //动画停止后,执行某个方法
[UIView commitAnimations];
动画方式(UIViewAnimationTransition):
UIViewAnimationTransitionFlipFromLeft //从左向右翻转
UIViewAnimationTransitionFlipFromRight //从右向左翻转
UIViewAnimationTransitionCurlUp //从下向上翻页
UIViewAnimationTransitionCurlDown //从上向下翻页
模式三:
UIView的 + (void)animateWithDuration
:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion
方法。
这个方法是在iOS4.0之后才支持的。
[UIView animateWithDuration:1.0 animations:^{ firstView.alpha = 0.0; secondView.alpha = 1.0; }];
或
[UIView animateWithDuration:2.0 animations:^{ oldImageView.alpha = 0.0; newImageView.alpha = 1.0; //imageView.center = CGPointMake(500.0, 512.0); } completion:^(BOOL finished){ [UIView animateWithDuration:4.0 animations:^{ newImageView.center = CGPointMake(500.0, 512.0); }]; }];
2、CATransition
CATransition *animation = [CATransition animation];
animation.delegate = self;
animation.duration = 1.0f; //动画执行时间
animation.timingFunction = UIViewAnimationCurveEaseInOut;
animation.type = kCATransitionFade;
animation.subtype = kCATransitionFromRight;
// 这里添加你对UIView所做改变的代码
[[myView layer] addAnimation:animation forKey:@"animation"];
setType:有四种类型:
- kCATransitionFade //交叉淡化过渡
- kCATransitionMoveIn //移动覆盖原图
- kCATransitionPush //新视图将旧视图推出去
- kCATransitionReveal //底部显出来
setSubtype:有四种类型:
- kCATransitionFromRight;
- kCATransitionFromLeft(默认值)
- kCATransitionFromTop;
- kCATransitionFromBottom
- 注:kCATransitionFade 不支持Subtype
2.1、CATransition(只使用setType,参数是NSString)
CATransition *animation = [CATransition animation];
animation.delegate = self;
animation.duration = 1.0f; //动画执行时间
animation.timingFunction = UIViewAnimationCurveEaseInOut;
animation.type = @"suckEffect";// 这里添加你对UIView所做改变的代码
[[myView layer] addAnimation:animation forKey:@"animation"];
可以用的效果主要有:
- pageCurl //向上翻一页
- pageUnCurl //向下翻一页
- rippleEffect //滴水效果
- suckEffect //收缩效果,如一块布被抽走
- cube //立方体效果
- oglFlip //上下翻转效果