zoukankan      html  css  js  c++  java
  • 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 }];
  • 相关阅读:
    实现可重启线程
    让别人能登陆你的mysql
    zmq消息订阅
    git备忘
    【LeetCode】数组排列问题(permutations)(附加next_permutation解析)
    【LeetCode】 数相加组合 Combination Sum
    【LeetCode】【找元素】Find First and Last Position of Element in Sorted Array
    【LeetCode】【数组归并】Merge k Sorted Lists
    【LeetCode】【动态规划】Generate Parentheses(括号匹配问题)
    【Leetcode】Remove Nth Node From End of List
  • 原文地址:https://www.cnblogs.com/wxy325/p/2921234.html
Copyright © 2011-2022 走看看