自定义UIView动画效果
最普通动画:
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]; 15 16 CATransition Public API动画: 17 CATransition *animation = [CATransition animation]; 18 //动画时间 19 animation.duration = 0.5f; 20 //先慢后快 21 animation.timingFunction = UIViewAnimationCurveEaseInOut; 22 animation.fillMode = kCAFillModeForwards; 23 //animation.removedOnCompletion = NO;
各种动画效果
1 /* 2 kCAFillModeRemoved 这个是默认值,也就是说当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态 3 4 kCAFillModeForwards 当动画结束后,layer会一直保持着动画最后的状态 5 kCAFillModeBackwards 这个和kCAFillModeForwards是相对的,就是在动画开始前,你只要将动画加入了一个layer,layer便立即进入动画的初始状态并等待动画开始.你可以这样设定测试代码,将一个动画加入一个layer的时候延迟5秒执行.然后就会发现在动画没有开始的时候,只要动画被加入了layer,layer便处于动画初始状态 6 kCAFillModeBoth 理解了上面两个,这个就很好理解了,这个其实就是上面两个的合成.动画加入后开始之前,layer便处于动画初始状态,动画结束后layer保持动画最后的状态. 7 8 */ 9 /* 10 kCATransitionFromRight; 11 kCATransitionFromLeft; 12 kCATransitionFromTop; 13 kCATransitionFromBottom; 14 */ 15 //各种组合 16 animation.type = kCATransitionPush; 17 animation.subtype = kCATransitionFromRight; 18 19 [self.view.layer addAnimation:animation forKey:@"animation"]; 20 21 CATransition Private API动画: 22 animation.type可以设定为以下效果 23 动画效果汇总: 24 /* 25 suckEffect（三角） 26 27 rippleEffect（水波抖动） 28 29 pageCurl（上翻页） 30 31 pageUnCurl（下翻页） 32 33 oglFlip（上下翻转） 34 35 cameraIris/cameraIrisHollowOpen/cameraIrisHollowClose （镜头快门，这一组动画是有效果，只是很难看，不建议使用 36 37 而以下为则黑名单： 38 39 spewEffect: 新版面在屏幕下方中间位置被释放出来覆盖旧版面. 40 41 - genieEffect: 旧版面在屏幕左下方或右下方被吸走, 显示出下面的新版面 (阿拉丁灯神?). 42 43 - unGenieEffect: 新版面在屏幕左下方或右下方被释放出来覆盖旧版面. 44 45 - twist: 版面以水平方向像龙卷风式转出来. 46 47 - tubey: 版面垂直附有弹性的转出来. 48 49 - swirl: 旧版面360度旋转并淡出, 显示出新版面. 50 51 - charminUltra: 旧版面淡出并显示新版面. 52 53 - zoomyIn: 新版面由小放大走到前面, 旧版面放大由前面消失. 54 55 - zoomyOut: 新版面屏幕外面缩放出现, 旧版面缩小消失. 56 57 - oglApplicationSuspend: 像按"home" 按钮的效果. 58 */ 59 60 UIView Animations 动画: 61 [UIView beginAnimations:@"animationID" context:nil]; 62 [UIView setAnimationDuration:0.5f]; 63 [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; 64 [UIView setAnimationRepeatAutoreverses:NO]; 65 //以下四种效果 66 /* 67 [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];//oglFlip, fromLeft 68 [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES];//oglFlip, fromRight 69 [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.view cache:YES]; 70 [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES]; 71 */ 72 73 [self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0]; 74 [UIView commitAnimations]; 75 IOS4.0新方法: 76 方法: +(void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations; 77 + (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion; //多一个动画结束后可以执行的操作. 78 //下边是嵌套使用,先变大再消失的动画效果. 79 [UIView animateWithDuration:1.25 animations:^{ 80 CGAffineTransform newTransform = CGAffineTransformMakeScale(1.2, 1.2); 81 [firstImageView setTransform:newTransform]; 82 [secondImageView setTransform:newTransform];} 83 completion:^(BOOL finished){ 84 [UIView animateWithDuration:1.2 animations:^{ 85 [firstImageView setAlpha:0]; 86 [secondImageView setAlpha:0];} completion:^(BOOL finished){ 87 [firstImageView removeFromSuperview]; 88 [secondImageView removeFromSuperview]; }]; 89 }];
