UI -- CATransiton動畫

一、CATransiton動畫(轉場動畫)

1、CATransiton是對UIView進行更低層次的控制

2、CATransiton不同于UIView動畫,它是作用域UIView的layer層

3、CATransition主要用于兩個試圖切換過渡時的動畫

二、使用CATrasition做試圖切換動畫

CATransition *animation = [CATransition animation];

//監聽動畫的開始和結束

animation.delegate = self;

animation.duration = 1.0;

//設置動畫的快慢效果

animation.timingFunction = UIViewAnimationCurveEaseInOut;

//動畫類型說明

//公有API

kCATransitionFade 交叉淡化過渡,新視圖逐漸顯示在屏幕上,舊視圖逐漸淡化出視野

kCATransitionMoveIn 新視圖移到舊視圖上面,好像蓋在上面。

kCATransitionPush 新視圖將舊視圖推出去。

kCATransitionReveal 將舊視圖移開顯示出下面的新視圖。

//私有API,注意對于蘋果官方沒公開的動畫類型只能使用字符串,并沒有對應的常量定義

animation.type =? @"cube"? //立方體效果

animation.type =? @"suckEffect" //收縮效果,如一塊布被抽走

animation.type =? @"oglFlip"? //上下翻轉效果

animation.type =? @"rippleEffect"? //滴水效果

animation.type =? @"pageCurl"? //向上翻一頁

animation.type =? @"pageUnCurl"? //向下翻一頁

animation.type =? @“cameralIrisHollowOpen”? //攝像頭打開效果

animation.type =? @“cameraIrisHollowClose”? //攝像頭關閉效果

animation.type = @"cameraIrisHollowClose";

//設置動畫子類型

animation.subtype = kCATransitionFromTop;

//獲取到子試圖在父試圖上的位置

NSInteger indexOfmyView1 = [self.view.subviews indexOfObject:myView1];

NSInteger indexOfmyView2 = [self.view.subviews indexOfObject:myView2];

//父試圖上兩個子試圖的切換

[self.view exchangeSubviewAtIndex:indexOfmyView1 withSubviewAtIndex:indexOfmyView2];

//將動畫添加到父試圖上

[self.view.layer addAnimation:animation forKey:@"test"];

PS: 給導航控制器的根視圖添加動畫,更改導航的轉換效果

[self.navigationController.view.layer addAnimation:transition forKey:@"animation"];

三、CATrasition的代理方法

//動畫開始

- (void)animationDidStart:(CAAnimation *)theAnimation

//動畫結束

- (void)animationDidStop:(CAAnimation *)theAnimation finished:(BOOL)flag

三、練習

1、實現無限輪播

-(void)transitionAnimation:(BOOL)isNext{

//1.創建轉場動畫對象

CATransition *transition=[[CATransition alloc]init];

//2.設置動畫類型,注意對于蘋果官方沒公開的動畫類型只能使用字符串,并沒有對應的常量定義

transition.type=@"cube";

//設置子類型

if (isNext) {

transition.subtype=kCATransitionFromRight;

}else{

transition.subtype=kCATransitionFromLeft;

}

//設置動畫時常

transition.duration=1.0f;

//3.設置轉場后的新視圖添加轉場動畫

_imageView.image=[self getImage:isNext];

[_imageView.layer addAnimation:transition forKey:@"KCTransitionAnimation"];

}

-(UIImage *)getImage:(BOOL)isNext{

if (isNext) {

_currentIndex=(_currentIndex+1)%IMAGE_COUNT;

}else{

_currentIndex=(_currentIndex-1+IMAGE_COUNT)%IMAGE_COUNT;

}

NSString *imageName=[NSString stringWithFormat:@"%02d.jpg",_currentIndex];

return [UIImage imageNamed:imageName];

}

四、開源框架,HMGLTransitions

1、簡單介紹

1)下載地址:https://github.com/Split82/HMGLTransitions

2)附加了多種3D動畫效果

3)基于OpenGL封裝的一個開源動畫庫,OpenGL ES 是可以在iphone上實現2D和3D圖形編程的低級API

4)使用HMGLTransitions,必須OpenGLES.framework和 QuartzCore.framework

5)MRC框架,需配置工程,能混編-fno-objc-arc

2、使用框架切換動畫

//一種動畫效果對象

Switch3DTransition *t1 = [[Switch3DTransition alloc] init];

//設置動畫效果對象

[[HMGLTransitionManager sharedTransitionManager] setTransition:t1];

UIView *parentView = view1.superview;

//設置動畫視圖

[[HMGLTransitionManager sharedTransitionManager] beginTransition:parentView];

//兩個視圖間切換

view2.frame = view1.frame;

[view1 removeFromSuperview];

[parentView addSubview:view2];

[[HMGLTransitionManager sharedTransitionManager] commitTransition];

3、模態試圖彈出動畫

//定義動畫對象

HMGLTransition *t = [[Switch3DTransition alloc] init];

ModalViewController *modal = [[ModalViewController alloc] init];

[[HMGLTransitionManager sharedTransitionManager] setTransition:t];

//打開模態窗口

[[HMGLTransitionManager sharedTransitionManager]presentModalViewController:modal onViewController:self];

關閉模態窗口

[[HMGLTransitionManager sharedTransitionManager] setTransition:transition];

[[HMGLTransitionManager sharedTransitionManager]dismissModalViewController:self];

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,578評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,701評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,691評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,974評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,694評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,026評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,015評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,193評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,719評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,442評論 3 360
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,668評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,151評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,846評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,255評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,592評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,394評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,635評論 2 380

推薦閱讀更多精彩內容