【iphone應用開發】iPhone應用開發之十一:常用的三種動畫表現效果

在iPhone開發中,我們常常需要在不同的頁面之間做動畫的切換,這樣看起來更加好看。基本的動畫有以下三種:

1.UIView

UIView官方提供五種動畫效果供大家使用,分別爲:

UIViewAnimationTransitionNone    不使用動畫UIViewAnimationTransitionFlipFromLeft    從左向右旋轉翻頁UIViewAnimationTransitionFlipFromRight    從右向左旋轉翻頁,與UIViewAnimationTransitionFlipFromLeft相反 UIViewAnimationTransitionCurlUp    捲曲翻頁,從下往上UIViewAnimationTransitionCurlDown    捲曲翻頁,從上往下

例子:

  1. [UIView beginAnimations:@"animationID" context:nil];//開始一個動畫塊,第一個參數爲動畫塊標識  
  2.   
  3. [UIView setAnimationDuration:0.5f];//設置動畫的持續時間  
  4.   
  5. [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];//設置動畫塊中的動畫屬性變化的曲線,此方法必須在beginAnimations方法和commitAnimations,默認即爲UIViewAnimationCurveEaseInOut效果。詳細請參見UIViewAnimationCurve  
  6.   
  7. [UIView setAnimationRepeatAutoreverses:NO];//設置是否自動反轉當前的動畫效果  
  8.   
  9. [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];//設置過渡的動畫效果,此處第一個參數可使用上面5種動畫效果  
  10.   
  11. [self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];//頁面翻轉  
  12.   
  13. [UIView commitAnimations];//提交動畫  


這樣,我們就可以讓UIView的頁面通過動畫實現頁面之間的跳轉。

2. CATransiton

CATransiton官方提供4種動畫效果,分別爲:

NSString * const kCATransitionFade;//漸漸消失

NSString * const kCATransitionMoveIn;//覆蓋進入

NSString * const kCATransitionPush;//推出

NSString * const kCATransitionReveal;//與MoveIn相反

 

例子:

  1. CATransition *animation = [CATransition animation];//初始化動畫  
  2.   
  3. animation.duration = 0.5f;//間隔的時間  
  4.   
  5. animation.timingFunction = UIViewAnimationCurveEaseInOut;  
  6.   
  7. animation.type = kCATransitionPush;//設置上面4種動畫效果  
  8.   
  9. animation.subtype = kCATransitionFromTop;//設置動畫的方向,有四種,分別爲kCATransitionFromRight、kCATransitionFromLeft、kCATransitionFromTop、kCATransitionFromBottom  
  10.   
  11. [self.view.layer addAnimation:animation forKey:@"animationID"];  


 

3.私有動畫

私有動畫是在UIView的基礎上,設置animation.type,可以提供一下幾種選擇:

cube:像立方體那樣翻轉

suckEffect:漸漸縮小,與刪除照片的動畫一樣

 

oglFlip:上下旋轉,當subType爲fromLeft或者fromRight時,與UIViewAnimationTransitionFlipFromLeft和UIViewAnimationTransitionFlipFromRight一樣

rippleEffect:水波效果

pageCurl:與UIViewAnimationTransitionCurlUp一樣

pageUnCurl:與UIViewAnimationTransitionCurlDown一樣

cameraIrisHollowOpen:First half of cameraIris.

cameraIrisHollowClose:Second half of cameraIris

附加一個動畫的源代碼給大家參考一下,今天將的動畫效果就到此介紹。謝謝大家。

因爲今天上次到csdn的代碼無法看到,又無法重新上次,上傳到別的地方。請見諒。

附件地址:http://files.cnblogs.com/huangdongcheng/transition_ViewTransitions.zip
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章