ios各种动画效果【转】
原帖地址:http://www.cnblogs.com/chivas/archive/2012/06/08/2541807.html
最普通动画:
1 //开始动画 2 [UIView beginAnimations:nil context:nil]; 3 //设定动画持续时间 4 [UIView setAnimationDuration:2]; 5 //动画的内容 6 frame.origin.x += 150; 7 [img setFrame:frame]; 8 //动画结束 9 [UIView commitAnimations];
连续动画:一个接一个地显示一系列的图像
1 NSArray *myImages = [NSArray arrayWithObjects: 2 [UIImage imageNamed:@"myImage1.png"], 3 [UIImage imageNamed:@"myImage2.png"], 4 [UIImage imageNamed:@"myImage3.png"], 5 [UIImage imageNamed:@"myImage4.gif"], nil]; 6 7 UIImageView *myAnimatedView = [UIImageView alloc]; 8 [myAnimatedView initWithFrame:[self bounds]]; 9 myAnimatedView.animationImages = myImages; //animationImages属性返回一个存放动画图片的数组 10 myAnimatedView.animationDuration = 0.25; //浏览整个图片一次所用的时间 11 myAnimatedView.animationRepeatCount = 0; // 0 = loops forever 动画重复次数 12 [myAnimatedView startAnimating]; 13 [self addSubview:myAnimatedView]; 14 [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: 新版面屏幕外面缩放出现, 旧版面缩小消失.
- oglApplicationSuspend: 像按"home" 按钮的效果.
*/
UIView Animations 动画:
1 [UIView beginAnimations:@"animationID" context:nil]; 2 [UIView setAnimationDuration:0.5f]; 3 [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; 4 [UIView setAnimationRepeatAutoreverses:NO]; 5 //以下四种效果 6 /* 7 [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];//oglFlip, fromLeft 8 [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES];//oglFlip, fromRight 9 [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.view cache:YES]; 10 [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES]; 11 */ 12 13 [self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0]; 14 [UIView commitAnimations];
IOS4.0新方法:
方法:
1 +(void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations; 2 + (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion; //多一个动画结束后可以执行的操作. 3 //下边是嵌套使用,先变大再消失的动画效果. 4 [UIView animateWithDuration:1.25 animations:^{ 5 CGAffineTransform newTransform = CGAffineTransformMakeScale(1.2, 1.2); 6 [firstImageView setTransform:newTransform]; 7 [secondImageView setTransform:newTransform];} 8 completion:^(BOOL finished){ 9 [UIView animateWithDuration:1.2 animations:^{ 10 [firstImageView setAlpha:0]; 11 [secondImageView setAlpha:0];} completion:^(BOOL finished){ 12 [firstImageView removeFromSuperview]; 13 [secondImageView removeFromSuperview]; }]; 14 }];