動(dòng)畫效果

網(wǎng)址:http://www.cnblogs.com/chivas/archive/2012/06/08/2541807.html

ios各種動(dòng)畫效果

最普通動(dòng)畫:

//開始動(dòng)畫

[UIView beginAnimations:nil context:nil];

//設(shè)定動(dòng)畫持續(xù)時(shí)間

[UIView setAnimationDuration:2];

//動(dòng)畫的內(nèi)容

frame.origin.x += 150;

[img setFrame:frame];

//動(dòng)畫結(jié)束

[UIView commitAnimations];

連續(xù)動(dòng)畫:一個(gè)接一個(gè)地顯示一系列的圖像

NSArray *myImages = [NSArray arrayWithObjects:

[UIImage imageNamed:@"myImage1.png"],

[UIImage imageNamed:@"myImage2.png"],

[UIImage imageNamed:@"myImage3.png"],

[UIImage imageNamed:@"myImage4.gif"], nil];

UIImageView *myAnimatedView = [UIImageView alloc];

[myAnimatedView initWithFrame:[self bounds]];

myAnimatedView.animationImages = myImages; //animationImages屬性返回一個(gè)存放動(dòng)畫圖片的數(shù)組

myAnimatedView.animationDuration = 0.25; //瀏覽整個(gè)圖片一次所用的時(shí)間

myAnimatedView.animationRepeatCount = 0; // 0 = loops forever 動(dòng)畫重復(fù)次數(shù)

[myAnimatedView startAnimating];

[self addSubview:myAnimatedView];

[myAnimatedView release];

CATransition Public API動(dòng)畫:

CATransition *animation = [CATransition animation];

//動(dòng)畫時(shí)間

animation.duration = 0.5f;

//先慢后快

animation.timingFunction = UIViewAnimationCurveEaseInOut;

animation.fillMode = kCAFillModeForwards;

//animation.removedOnCompletion = NO;

//各種動(dòng)畫效果

/*

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動(dòng)畫:

animation.type可以設(shè)定為以下效果

動(dòng)畫效果匯總:

/*

suckEffect(三角)

rippleEffect(水波抖動(dòng))

pageCurl(上翻頁(yè))

pageUnCurl(下翻頁(yè))

oglFlip(上下翻轉(zhuǎn))

cameraIris/cameraIrisHollowOpen/cameraIrisHollowClose? (鏡頭快門担巩,這一組動(dòng)畫是有效果膊毁,只是很難看每币,不建議使用

而以下為則黑名單:

spewEffect: 新版面在屏幕下方中間位置被釋放出來覆蓋舊版面.

- genieEffect: 舊版面在屏幕左下方或右下方被吸走, 顯示出下面的新版面 (阿拉丁燈神?).

- unGenieEffect: 新版面在屏幕左下方或右下方被釋放出來覆蓋舊版面.

- twist: 版面以水平方向像龍卷風(fēng)式轉(zhuǎn)出來.

- tubey: 版面垂直附有彈性的轉(zhuǎn)出來.

- swirl: 舊版面360度旋轉(zhuǎn)并淡出, 顯示出新版面.

- charminUltra: 舊版面淡出并顯示新版面.

- zoomyIn: 新版面由小放大走到前面, 舊版面放大由前面消失.

- zoomyOut: 新版面屏幕外面縮放出現(xiàn), 舊版面縮小消失.

- oglApplicationSuspend: 像按"home" 按鈕的效果.

*/

UIView Animations 動(dòng)畫:

[UIView beginAnimations:@"animationID" context:nil];

[UIView setAnimationDuration:0.5f];

[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

[UIView setAnimationRepeatAutoreverses:NO];

//以下四種效果

/*

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];//oglFlip, fromLeft

[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES];//oglFlip, fromRight

[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.view cache:YES];

[UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES];

*/

[self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];

[UIView commitAnimations];

IOS4.0新方法:

方法: +(void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations;

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion; //多一個(gè)動(dòng)畫結(jié)束后可以執(zhí)行的操作.

//下邊是嵌套使用,先變大再消失的動(dòng)畫效果.

[UIView animateWithDuration:1.25 animations:^{

CGAffineTransform newTransform = CGAffineTransformMakeScale(1.2, 1.2);

[firstImageView setTransform:newTransform];

[secondImageView setTransform:newTransform];}

completion:^(BOOL finished){

[UIView animateWithDuration:1.2 animations:^{

[firstImageView setAlpha:0];

[secondImageView setAlpha:0];} completion:^(BOOL finished){

[firstImageView removeFromSuperview];

[secondImageView removeFromSuperview]; }];

}];

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末锅移,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件详囤,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)藏姐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門隆箩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人羔杨,你說我怎么就攤上這事捌臊。” “怎么了兜材?”我有些...
    開封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵理澎,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我曙寡,道長(zhǎng)糠爬,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任举庶,我火速辦了婚禮执隧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘户侥。我一直安慰自己镀琉,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開白布蕊唐。 她就那樣靜靜地躺著屋摔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪刃泌。 梳的紋絲不亂的頭發(fā)上凡壤,一...
    開封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天署尤,我揣著相機(jī)與錄音耙替,去河邊找鬼。 笑死曹体,一個(gè)胖子當(dāng)著我的面吹牛俗扇,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播箕别,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼铜幽,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了串稀?” 一聲冷哼從身側(cè)響起除抛,我...
    開封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎母截,沒想到半個(gè)月后到忽,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年喘漏,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了护蝶。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡翩迈,死狀恐怖持灰,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情负饲,我是刑警寧澤堤魁,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站绽族,受9級(jí)特大地震影響姨涡,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吧慢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一涛漂、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧检诗,春花似錦匈仗、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至攻泼,卻和暖如春火架,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背忙菠。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工何鸡, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人牛欢。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓骡男,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親傍睹。 傳聞我的和親對(duì)象是個(gè)殘疾皇子隔盛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容