iOS 动画特效

在网上找了一个Demo。觉得不错，这里拿来和大家分享一下。

http://code4app.com/ios/常用16种视图切换动画/500903b76803fa2f43000000

下边是视图切换时的部分代码：

 

- (IBAction)buttonPressed1:(id)sender {    UIButton *button = (UIButton *)sender;    NSInteger tag = button.tag;        CATransition *animation = [CATransition animation];    animation.delegate = self;    animation.duration = kDuration;    animation.timingFunction = UIViewAnimationCurveEaseInOut;        NSLog(@"button tag is %i",tag);    //上边按钮中的下边四个和下边的两行八个按钮，共12个button的tag    switch (tag) {        case 101://淡化            animation.type = kCATransitionFade;            break;        case 102://推挤            animation.type = kCATransitionPush;            break;        case 103://揭开            animation.type = kCATransitionReveal;            break;        case 104://覆盖            animation.type = kCATransitionMoveIn;            break;        case 201://立方体            animation.type = @"cube";            break;        case 202://吸收            animation.type = @"suckEffect";            break;        case 203://翻转            animation.type = @"oglFlip";            break;
        case 204://波纹            animation.type = @"rippleEffect";            break;        case 205://翻页            animation.type = @"pageCurl";            break;        case 206://反翻页            animation.type = @"pageUnCurl";            break;        case 207://镜头开            animation.type = @"cameraIrisHollowOpen";            break;        case 208://镜头关            animation.type = @"cameraIrisHollowClose";            break;        default:            break;    }        switch (self.typeID) {        case 0://            animation.subtype = kCATransitionFromLeft;            break;        case 1:            animation.subtype = kCATransitionFromBottom;            break;        case 2:            animation.subtype = kCATransitionFromRight;            break;        case 3:            animation.subtype = kCATransitionFromTop;            break;        default:            break;    }    self.typeID += 1;    if (self.typeID > 3) {        self.typeID = 0;    }        NSUInteger green = [[self.view subviews] indexOfObject:self.greenView];    NSUInteger blue = [[self.view subviews] indexOfObject:self.blueView];    [self.view exchangeSubviewAtIndex:green withSubviewAtIndex:blue];            [[self.view layer] addAnimation:animation forKey:@"animation"];        }#pragma mark UIView动画- (IBAction)buttonPressed2:(id)sender {    UIButton *button = (UIButton *)sender;    NSInteger tag = button.tag;        CGContextRef context = UIGraphicsGetCurrentContext();    [UIView beginAnimations:nil context:context];    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];    [UIView setAnimationDuration:kDuration];         NSLog(@"button tag is %i",tag);        //这里是最上边的四个按钮的tag    switch (tag) {        case 105://下翻    [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES];            break;        case 106://上翻    [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.view cache:YES];            break;        case 107://左转    [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];            break;        case 108://右转    [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES];            break;        default:            break;    }        NSUInteger green = [[self.view subviews] indexOfObject:self.greenView];    NSUInteger blue = [[self.view subviews] indexOfObject:self.blueView];    [self.view exchangeSubviewAtIndex:green withSubviewAtIndex:blue];        [UIView setAnimationDelegate:self];    // 动画完毕后调用某个方法    //[UIView setAnimationDidStopSelector:@selector(animationFinished:)];    [UIView commitAnimations];}  

这里定义了两个视图，一个greenView,一个blueView。切换，详情还是你们自已看Demo吧。

下边是找到的另一个相关的文章，就一起转来了，转自：http://www.cnblogs.com/pengyingh/articles/2339420.html 

UIViewAnimation动画与Core Animation的CATransition类动画

1.使用UIView类函数实现://UIViewAnimationTransitionFlipFromLeft, 向左转动//UIViewAnimationTransitionFlipFromRight, 向右转动//UIViewAnimationTransitionCurlUp, 向上翻动//UIViewAnimationTransitionCurlDown, 向下翻动 

[UIView beginAnimations:@"animationID" context:nil];[UIView setAnimationDuration:0.5f]; //动画时长[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];[UIView setAnimationTransition: UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES]; //给视图添加过渡效果//在这里写你的代码.[UIView commitAnimations]; //提交动画

2.使用CATransition对象来实现:

CATransition比较强大，一般可以使用CATransition模拟UIView的动画。

    /* 过渡效果fade     //交叉淡化过渡(不支持过渡方向)push     //新视图把旧视图推出去moveIn   //新视图移到旧视图上面reveal   //将旧视图移开,显示下面的新视图cube     //立方体翻滚效果oglFlip  //上下左右翻转效果suckEffect   //收缩效果，如一块布被抽走(不支持过渡方向)rippleEffect //滴水效果(不支持过渡方向)pageCurl     //向上翻页效果pageUnCurl   //向下翻页效果cameraIrisHollowOpen  //相机镜头打开效果(不支持过渡方向)cameraIrisHollowClose //相机镜头关上效果(不支持过渡方向)*/ 

/* 过渡方向fromRight;fromLeft;fromTop;fromBottom;*/CATransition *animation = [CATransition animation];animation.delegate = self;animation.duration = 0.5f; //动画时长animation.timingFunction = UIViewAnimationCurveEaseInOut;animation.fillMode = kCAFillModeForwards;animation.type = @”cube”; //过度效果animation.subtype = @”formLeft”; //过渡方向animation.startProgress = 0.0 //动画开始起点(在整体动画的百分比)animation.endProgress = 1.0;  //动画停止终点(在整体动画的百分比)animation.removedOnCompletion = NO;[self.view.layer addAnimation:animation forKey:@"animation"];

转自：http://www.cnblogs.com/project/archive/2011/09/27/2193556.html

实现iPhone漂亮的动画效果主要有两种方法：　　一种是UIView层面的，　　一种是使用CATransition进行更低层次的控制，　　第一种是UIView，UIView方式可能在低层也是使用CATransition进行了封装，它只能用于一些简单的、常用的效果展现，这里写一个常用的示例代码，供大家参考。　　Cpp代码　　[UIView beginAnimations:@"Curl"context:nil];//动画开始　　[UIView setAnimationDuration:0.75];　　[UIView setAnimationDelegate:self];　　[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:myview cache:YES];　　[myview removeFromSuperview];　　[UIView commitAnimations];　　第二种方式相对复杂一些，但如果更好的进行控制，还是使用这种方法吧，　　基本使用方法可以看一下如下例子：　　Cpp代码　　CATransition *animation = [CATransition animation];　　[animation setDuration:1.25f];　　[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];　　[animation setType:kCATransitionReveal];　　[animation setSubtype: kCATransitionFromBottom];　　[self.view.layer addAnimation:animation forKey:@"Reveal"];　　这里使用了setType与setSubtype组合，这使用个比较保险，因为他的参数就是官方API里定义的，他们的参数说明可以参考如下：　　[animation setType:@"suckEffect"];　　这里的suckEffect就是效果名称，可以用的效果主要有：　　Cpp代码　　pageCurl 向上翻一页　　pageUnCurl 向下翻一页　　rippleEffect 滴水效果　　suckEffect 收缩效果，如一块布被抽走　　cube 立方体效果　　oglFlip 上下翻转效果

iphone中CABasicAnimation和UIView动画的区别[转]

关于UIView动画：

[UIView beginAnimations:@"zoom out" context:nil];[UIView setAnimationDuration:1.f];[UIView setAnimationCurve:UIViewAnimationCurveEaseOut];cover.transform = CGAffineTransformMakeScale(9.25,7.05);cover.center = CGPointMake(430, 512);[UIView commitAnimations]

UIView动画是应用在一个view上面的。

关于CABasicAnimation动画：

- (CAAnimation *)animationMove:(CGPoint)rootCenter{    CABasicAnimation *animationMove    = [CABasicAnimation animationWithKeyPath:@"position"];    animationMove.duration = 1;    animationMove.autoreverses = NO;//    animationMove.delegate = self;    animationMove.removedOnCompletion = NO;    animationMove.fillMode = kCAFillModeForwards;    animationMove.fromValue = [NSValue valueWithCGPoint:self.oldCoverCenter];    animationMove.toValue =[NSValue valueWithCGPoint:rootCenter];     return animationMove;}

CABasicAnimation动画是应用在一个layer上面的。

注：1，把一个image放在一个view的layer上来放大的时候，如果用UIView来做，图片不会太多的失真和闪烁的效果，但是用CABasicAnimation来做失真和闪烁现象会很严重，效果很不好。2，做 动画的叠加效果 很简单，只要把各自的动画放在一起就可以了。请看这个效果：一本书边移动到屏幕中间，边放大，边打开封面的效果。

[imageLayer addAnimation:[self animationOpen] forKey:@"Open"];[UIView beginAnimations:@"zoom out" context:nil];[UIView setAnimationDuration:1.f];[UIView setAnimationCurve:UIViewAnimationCurveEaseOut];cover.transform = CGAffineTransformMakeScale(5.5,5.5);cover.center = CGPointMake(629, 384);[UIView commitAnimations]; - (CAAnimation *)animationOpen{    CABasicAnimation *animationOpen    = [CABasicAnimation animationWithKeyPath:@"transform.rotation.y"];    animationOpen.duration = 1;    animationOpen.autoreverses = NO;    animationOpen.delegate = self;  //然后执行真正地打开书的内容    animationOpen.removedOnCompletion = NO;    animationOpen.fillMode = kCAFillModeForwards;    animationOpen.fromValue = [NSNumber numberWithFloat:-M_PI/5];    animationOpen.toValue = [NSNumber numberWithFloat:-M_PI/1.5];     return animationOpen;}