转载 动画选择问题 CATransition

要给webView加动画，看了下动画的添加，发现要使用 [UIView beginAnimations:@"animationID" context:nil];  这种的话就是整个页面全是动画翻转，这不是我所想看到的。所以最后选择了CATrasition,图层的方式，感觉还是比较好用的。下面是动画的简单比较~~ 懒得写了 直接转载

转载自 http://2015.iteye.com/blog/1122130

为了避免视图之间切换的呆板问题，在IPHONE中引入了转换动画效果，分别在UIKit.framework和QuartzCore.framework中，后者的动画类型要比前者丰富一些。

- (IBAction)switchViews:(id)sender{
    //准备动画
    [UIView beginAnimations:@"animationID" context:nil];
    //动画播放持续时间
    [UIView setAnimationDuration:0.5f];
    //动画速度
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
    [UIView setAnimationRepeatAutoreverses:NO];

    UIButton *theButton = (UIButton *)sender;

    //动画方向
    switch (theButton.tag) {
        case 0:
            [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];
            break;
        case 1:
            [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES];
            break;
        case 2:
            [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.view cache:YES];
            break;
        case 3:
            [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES];
            break;
        default:
            break;
    }

    [self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];
    [UIView commitAnimations];
}

下面的动画需要导入QuartzCore.framework库，并在实现文件中导入。

#import <QuartzCore/QuartzCore.h>

- (IBAction)switchViews:(id)sender{
    //准备动画
    CATransition *animation = [CATransition animation];
    animation.delegate = self;
    //动画播放持续时间
    animation.duration = 0.5f;
    //动画速度
    animation.timingFunction = UIViewAnimationCurveEaseInOut;
    animation.fillMode = kCAFillModeForwards;
    animation.removedOnCompletion = NO;

    UIButton *theButton = (UIButton *)sender;

    //动画效果
    switch (theButton.tag) {
        case 0:
            animation.type = @"cube";
            break;
        case 1:
            animation.type = @"suckEffect";
            break;
        case 2:
            animation.type = @"oglFlip";
            break;
        case 3:
            animation.type = @"rippleEffect";
            break;
        case 4:
            animation.type = @"pageCurl";
            break;
        case 5:
            animation.type = @"pageUnCurl";
            break;
        case 6:
            animation.type = @"cameraIrisHollowOpen ";
            break;
        case 7:
            animation.type = @"cameraIrisHollowClose ";
            break;
        default:
            break;
    }

    [self.view.layer addAnimation:animation forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];
}

下面的动画同样需要导入QuartzCore.framework库，并在实现文件中导入。

#import <QuartzCore/QuartzCore.h>
- (IBAction)switchViews:(id)sender{
    CATransition *animation = [CATransition animation];
    animation.duration = 0.5f;
    animation.timingFunction = UIViewAnimationCurveEaseInOut;
    animation.fillMode = kCAFillModeForwards;

    UIButton *theButton = (UIButton *)sender;

    switch (theButton.tag) {
        case 0:
            /*动画效果

                   kCATransitionFade

                   kCATransitionMoveIn

                   kCATransitionPush

                   kCATransitionReveal

            */
            animation.type = kCATransitionPush;
            /*动画方向

                   kCATransitionFromRight

                   kCATransitionFromLeft

                   kCATransitionFromTop

                   kCATransitionFromBottom

            */
            animation.subtype = kCATransitionFromTop;
            break;
        case 1:
            animation.type = kCATransitionMoveIn;
            animation.subtype = kCATransitionFromTop;
            break;
        case 2:
            animation.type = kCATransitionReveal;
            animation.subtype = kCATransitionFromTop;
            break;
        case 3:
            animation.type = kCATransitionFade;
            animation.subtype = kCATransitionFromTop;
            break;
        default:
            break;
    }

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

UIKit.framework中的动画是对UIView的，而QuartzCore.framework是针对视图的属性layer来实现的，后者与视图动画比起来，具备更大的优势，更容易进行转换，倾斜，放大，缩小等等。