您的位置:首页 > 移动开发 > IOS开发

IOS 动画效果

2012-07-27 10:31 204 查看
最普通动画:
//开始动画
[UIView beginAnimati*****:nil context:nil];  
//设定动画持续时间
[UIView setAnimationDuration:2];
//动画的内容
frame.origin.x += 150;
[img setFrame:frame];
//动画结束
[UIView commitAnimati*****];

连续动画:一个接一个地显示一系列的图像
NSArray *myImages = [NSArray arrayWithObjects: 
[UIImage imageNamed:@"myImage1.png"], 
[UIImage imageNamed:@"myImage2.png"], 
[UIImage imageNamed:@"myImage3.png"], 
[UIImage imageNamed:@"myImage4.gif"], nil];

UIImageView *myAnimatedView = [UIImageView alloc]; 
[myAnimatedView initWithFrame:[self bounds]]; 
myAnimatedView.animationImages = myImages; //animationImages属性返回一个存放动画图片的数组
myAnimatedView.animationDuration = 0.25; //浏览整个图片一次所用的时间
myAnimatedView.animationRepeatCount = 0; // 0 = loops forever 动画重复次数
[myAnimatedView startAnimating]; 
[self addSubview:myAnimatedView]; 
[myAnimatedView release]; 

CATransition Public API动画:
CATransition *animation = [CATransition
animation];
//动画时间
    animation.duration = 0.5f;
//先慢后快
    animation.timingFunction = UIViewAnimationCurveEaseInOut;
animation.fillMode = kCAFillModeForwards;
//animation.removedOnCompletion = NO;

//各种动画效果
/*
kCATransitionFade;
kCATransitionMoveIn;
kCATransitionPush;z
kCATransitionReveal;
*/
/*
kCATransitionFromRight;
kCATransitionFromLeft;
kCATransitionFromTop;
kCATransitionFromBottom;
*/
//各种组合
animation.type = kCATransitionPush;
animation.subtype = kCATransitionFromRight;

[self.view.layer
addAnimation:animation forKey:@"animation"];

CATransition Private API动画:
animation.type可以设定为以下效果
动画效果汇总:
/*
 suckEffect(三角)

 rippleEffect(水波抖动)

 pageCurl(上翻页)

 pageUnCurl(下翻页)

 oglFlip(上下翻转)

 cameraIris/cameraIrisHollowOpen/cameraIrisHollowClose  (镜头快门,这一组动画是有效果,只是很难看,不建议使用

而以下为则黑名单:

 spewEffect: 新版面在屏幕下方中间位置被释放出来覆盖旧版面.

 - genieEffect: 旧版面在屏幕左下方或右下方被吸走, 显示出下面的新版面 (阿拉丁灯神?).

 - unGenieEffect: 新版面在屏幕左下方或右下方被释放出来覆盖旧版面.

 - twist: 版面以水平方向像龙卷风式转出来.

 - tubey: 版面垂直附有弹性的转出来.

 - swirl: 旧版面360度旋转并淡出, 显示出新版面.

 - charminUltra: 旧版面淡出并显示新版面.

 - zoomyIn: 新版面由小放大走到前面, 旧版面放大由前面消失.

 - zoomyOut: 新版面屏幕外面缩放出现, 旧版面缩小消失.

 - oglApplicati*****uspend: 像按"home" 按钮的效果.
 */

UIView Animati***** 动画:
[UIView
beginAnimati*****:@"animationID"
context:nil];
[UIView
setAnimationDuration:0.5f];
[UIView
setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView
setAnimationRepeatAutoreverses:NO];
//以下四种效果
/*
[UIView
setAnimationTransition:UIViewAnimationTransitionFlipFromLeft
forView:self.view
cache:YES];//oglFlip, fromLeft 
[UIView
setAnimationTransition:UIViewAnimationTransitionFlipFromRight
forView:self.view
cache:YES];//oglFlip, fromRight  
[UIView
setAnimationTransition:UIViewAnimationTransitionCurlUp
forView:self.view
cache:YES];
[UIView
setAnimationTransition:UIViewAnimationTransitionCurlDown
forView:self.view
cache:YES];
*/

[self.view
exchangeSubviewAtIndex:1
withSubviewAtIndex:0];
[UIView
commitAnimati*****];
IOS4.0新方法:
方法: +(void)animateWithDuration:(NSTimeInterval)duration animati*****:(void (^)(void))animati*****;
+ (void)animateWithDuration:(NSTimeInterval)duration animati*****:(void (^)(void))animati***** completion:(void
(^)(BOOL finished))completion; //多一个动画结束后可以执行的操作.

//下边是嵌套使用,先变大再消失的动画效果.
[UIView
animateWithDuration:1.25
animati*****:^{
CGAffineTransform newTransform = CGAffineTransformMakeScale(1.2, 1.2);
[firstImageView setTransform:newTransform];
[secondImageView setTransform:newTransform];} 
completion:^(BOOL finished){
[UIView
animateWithDuration:1.2
animati*****:^{
[firstImageView setAlpha:0];
[secondImageView setAlpha:0];} completion:^(BOOL finished){ 
[firstImageView removeFromSuperview]; 
[secondImageView removeFromSuperview]; }]; 
}];

想做炫的 可以参考一下
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息