iPhone應用開發之十一：常用的三種動畫表現效果

 

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

1.UIView

UIView官方提供五種動畫效果供大家使用，分別為：

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

例子：

view plain

[UIView beginAnimations:@"animationID" context:nil];//開始一個動畫塊，第一個參數為動畫塊標識 

 

[UIView setAnimationDuration:0.5f];//設定動畫的期間 

 

[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];//設定動畫塊中的動畫屬性變化的曲線，此方法必須在beginAnimations方法和commitAnimations，預設即為UIViewAnimationCurveEaseInOut效果。詳細請參見UIViewAnimationCurve 

 

[UIView setAnimationRepeatAutoreverses:NO];//設定是否自動反轉當前的動畫效果 

 

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];//設定過渡的動畫效果，此處第一個參數可使用上面5種動畫效果 

 

[self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];//頁面翻轉 

 

[UIView commitAnimations];//提交動畫 

 

 

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

2. CATransiton

CATransiton官方提供4種動畫效果，分別為：

NSString * const kCATransitionFade;//漸漸消失

NSString * const kCATransitionMoveIn;//覆蓋進入

NSString * const kCATransitionPush;//推出

NSString * const kCATransitionReveal;//與MoveIn相反

 

例子：

view plain

CATransition *animation = [CATransition animation];//初始化動畫 

 

animation.duration = 0.5f;//間隔的時間 

 

animation.timingFunction = UIViewAnimationCurveEaseInOut; 

 

animation.type = kCATransitionPush;//設定上面4種動畫效果 

 

animation.subtype = kCATransitionFromTop;//設定動畫的方向，有四種，分別為kCATransitionFromRight、kCATransitionFromLeft、kCATransitionFromTop、kCATransitionFromBottom 

 

[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://www.bkjia.com/uploadfile/2011/1122/20111122043352873.rar

作者 andy-清風