iPhone动画实现两种表现方法


  本文标签:iPhone 动画 UIView CATransition

  iPhone动画实现两种表现方法是本文要介绍的内容,实现iphone漂亮的动画效果主要有两种方法,一种是UIView层面的,一种是使用CATransition进行更低层次的控制,

  第一种是UIViewUIView方式可能在低层也是使用CATransition进行了封装,它只能用于一些简单的、常用的效果展现,这里写一个常用的示例代码,供大家参考  。

  1. [UIView beginAnimations:@"Curl"context:nil];//动画开始   
  2. [UIView setAnimationDuration:0.75];   
  3. [UIView setAnimationDelegate:self];   
  4. [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:myview cache:YES];   
  5. [myview removeFromSuperview];   
  6. [UIView commitAnimations];  

  第二种方式相对复杂一些,但如果更好的进行控制,还是使用这种方法吧,基本使用方法可以看一下如下例子:

  1. CATransition *animation = [CATransition animation];   
  2. [animation setDuration:1.25f];  
  3.  [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]];   
  4.  [animation setType:kCATransitionReveal];   
  5.  [animation setSubtype: kCATransitionFromBottom];   
  6.  [self.view.layer addAnimation:animation forKey:@"Reveal"];  

  这里使用了setType与setSubtype组合,这使用个比较保险,因为他的参数就是官方API里定义的,他们的参数说明可以参考如下:

  setType:可以返回四种类型:

  1. kCATransitionFade淡出   
  2. kCATransitionMoveIn覆盖原图   
  3. kCATransitionPush推出   
  4. kCATransitionReveal底部显出来  

  setSubtype:也可以有四种类型:

  1. kCATransitionFromRight;  
  2.  kCATransitionFromLeft(默认值)   
  3.  kCATransitionFromTop;   
  4.  kCATransitionFromBottom 

  还有一种设置动画类型的方法,不用setSubtype,只用setType

  1. [animation setType:@"suckEffect"];  

  这里的suckEffect就是效果名称,可以用的效果主要有:

  pageCurl 向上翻一页 pageUnCurl 向下翻一页 rippleEffect 滴水效果 suckEffect 收缩效果,如一块布被抽走 cube 立方体效果 oglFlip 上下翻转效果
最后再给出一种常用代码供大家参考  。

  1. // Curl the image up or down CATransition *animation = [CATransition animation];  
  2.  [animation setDuration:0.35];   
  3. [animation setTimingFunction:UIViewAnimationCurveEaseInOut];  
  4.  if (!curled){  
  5.   //animation.type = @"mapCurl";  
  6.   animation.type = @"pageCurl";   
  7.   animation.fillMode = kCAFillModeForwards;  
  8.    animation.endProgress = 0.99;   
  9. } else {  
  10.   //animation.type = @"mapUnCurl";   
  11. animation.type = @"pageUnCurl";   
  12. animation.fillMode = kCAFillModeBackwards;   
  13. animation.startProgress = 0.01;  
  14.  }   
  15.  [animation setRemovedOnCompletion:NO];   
  16.  [view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];  
  17.   [view addAnimation:animation forKey"pageCurlAnimation"];  
  18.    // Disable user interaction where necessary if (!curled) {   }   
  19. else {   
  20.   }  
  21.    curled = !curled;  

  小结:iPhone动画实现两种表现UIViewCATransition方法的内容介绍完了,希望通过本文的学习对你有所帮助!