IOS輕松幾步實現(xiàn)自定義轉(zhuǎn)場動畫
一、系統(tǒng)提供的轉(zhuǎn)場動畫
目前,系統(tǒng)給我們提供了push/pops
和present/dismiss
兩種控制器之間跳轉(zhuǎn)方.當(dāng)然,通過設(shè)置UIModalTransitionStyle
屬性,可以實現(xiàn)下面4種modal效果,相信大家都比較熟悉了,這里就不再展示效果圖.
UIModalTransitionStyleCoverVertical // 從下往上, UIModalTransitionStyleFlipHorizontal // 水平翻轉(zhuǎn) UIModalTransitionStyleCrossDissolve // 淡入淡出 UIModalTransitionStylePartialCurl // 卷角翻頁
二、自定義轉(zhuǎn)場動畫使用場景
系統(tǒng)給我們提供的轉(zhuǎn)場動畫效果較少,并且有時想對系統(tǒng)的效果做一些修改.例如:我們使用淡入淡出的modal效果,系統(tǒng)的動畫時間我們不滿意,希望讓動畫快點,或者慢點.系統(tǒng)并沒有給我提供直接修改的屬性或者方法,那么,這時我們不得不考慮使用自定義轉(zhuǎn)場動畫來實現(xiàn)我們想要的效果.
三、自定義轉(zhuǎn)場動畫的實現(xiàn)步驟
第1步:設(shè)置需要彈出控制器的modalPresentationStyle
為UIModalPresentationCustom
detailVc.modalPresentationStyle = UIModalPresentationCustom;
第2步:設(shè)置轉(zhuǎn)場代理
detailVc.transitioningDelegate = self
可以抽一個工具類,專門負(fù)責(zé)轉(zhuǎn)場動畫
第3步:遵守UIViewControllerTransitioningDelegate
代理實現(xiàn)兩個方法
確定誰負(fù)責(zé)彈出動畫
-(id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source { self.isPresnted = YES; return self; }
確定誰負(fù)責(zé)動畫消失
- (id<UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed { self.isPresnted = NO; return self; }
第4步:實現(xiàn)轉(zhuǎn)場動畫
上面都返回self,說明當(dāng)前控制器即負(fù)責(zé)彈出動畫又負(fù)責(zé)動畫消失,所以具體的轉(zhuǎn)場動畫在當(dāng)前控制器中進行.
先確定轉(zhuǎn)場動畫時間間隔
- (NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext { return 1.0; }
再實現(xiàn)具體動畫(由于當(dāng)前控制器即負(fù)責(zé)彈出動畫,又負(fù)責(zé)消失動畫,所以定義一個Bool
類型屬性isPresnted
加以區(qū)分)
- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext { if (self.isPresnted == YES) { //這里做彈出動畫 } else { //這里做消失動畫 } }
小結(jié):
也可以讓不同的控制器分別負(fù)責(zé)彈出和消失動畫,這樣就不需要定義一個專門用于區(qū)分的屬性.個人建議最好是抽取一個專門負(fù)責(zé)轉(zhuǎn)場動畫的工具類,讓該工具類負(fù)責(zé)所有轉(zhuǎn)場動畫,這樣,不管是從業(yè)務(wù)邏輯上還是代碼的復(fù)用性上都更加好.當(dāng)然,這樣做存在的一個弊端就是,轉(zhuǎn)場動畫中需要用到的一些屬性必須通過定義變量,代理和Block等方式傳遞進來,而使用不同的控制器來管理彈出和消失動畫在獲取屬性上更加方便.具體怎樣做,也就仁者見仁,智者見智了.
下面來具體實現(xiàn)一個轉(zhuǎn)場動畫效果吧
由于實現(xiàn)動畫的核心代碼在第四步,這里也就只看animateTransition:
這一個方法啦!
從上往下的Modal效果
- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext { if (self.isPresnted == YES) { //1.取出view UIView *presentedView = [transitionContext viewForKey:UITransitionContextToViewKey]; //2.放入containerView [[transitionContext containerView]addSubview:presentedView]; //3.設(shè)置基本屬性 presentedView.frame = CGRectMake(0, -667, 375, 667); //4.動畫 [UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{ presentedView.frame = CGRectMake(0, 0, 375, 667); }completion:^(BOOL finished) { [transitionContext completeTransition:YES]; }]; } else { //1.取出view UIView *dismissedView = [transitionContext viewForKey:UITransitionContextFromViewKey]; //2.放入containerView [[transitionContext containerView]addSubview:dismissedView]; //3.動畫 [UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{ dismissedView.frame =CGRectMake(0, -667, 375, 667); }completion:^(BOOL finished) { [transitionContext completeTransition:YES]; }]; } }
模仿系統(tǒng)淡入淡出效果
- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext { if (self.isPresnted == YES) { //1.取出view UIView *presentedView = [transitionContext viewForKey:UITransitionContextToViewKey]; //2.放入containerView [[transitionContext containerView]addSubview:presentedView]; //3.設(shè)置基本屬性 presentedView.alpha = 0; //4.動畫 [UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{ presentedView.alpha = 1.0; }completion:^(BOOL finished) { [transitionContext completeTransition:YES]; }]; } else { //1.取出view UIView *dismissedView = [transitionContext viewForKey:UITransitionContextFromViewKey]; //2.放入containerView [[transitionContext containerView]addSubview:dismissedView]; //3.設(shè)置基本屬性 dismissedView.alpha = 1; //4.動畫 [UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{ dismissedView.alpha = 0; }completion:^(BOOL finished) { [transitionContext completeTransition:YES]; }]; } }
動畫的時間可以從ransitionDuration:
方法獲取
通過UITransitionContextToViewKey
和UITransitionContextFromViewKey
兩個Key
分別獲取彈出和消失動畫的View
(注意別混淆兩個Key
)
要將做動畫的View
加入到專門用于動畫的containerView
中
總結(jié)
以上就是這篇文章的全部內(nèi)容了,這里只介紹怎樣實現(xiàn)轉(zhuǎn)場動畫,至于其他好玩NB的效果,大家可以自己試著實現(xiàn),小編以后也會分享其他更好的效果,希望這篇文章對大家能有一定的幫助,如果有疑問大家可以留言交流。
相關(guān)文章
詳解iOS開發(fā)中UITableview cell 頂部空白的多種設(shè)置方法
這篇文章主要介紹了詳解iOS開發(fā)中UITableview cell 頂部空白的多種設(shè)置方法的相關(guān)資料,需要的朋友可以參考下2016-04-04Objective-C學(xué)習(xí)之ARC的實現(xiàn)方法
自動引用計數(shù)(Automatic Reference Counting, ARC)把壓在程序員們肩頭的管理內(nèi)存的重?fù)?dān)卸除了不少,更不用說讓跟蹤內(nèi)存泄漏那樣的煩心事也少了很多。下面這篇文章主要給大家介紹了關(guān)于Objective-C學(xué)習(xí)之ARC的實現(xiàn)方法,需要的朋友可以參考借鑒下。2017-12-12iOS利用AFNetworking3.0——實現(xiàn)文件斷點下載
這篇文章主要介紹了iOS利用AFNetworking3.0——實現(xiàn)文件斷點下載,具有一定的參考價值,有興趣的可以了解一下。2017-01-01iOS 簡單的操作桿旋轉(zhuǎn)實現(xiàn)示例詳解
這篇文章主要為大家介紹了iOS 簡單的操作桿旋轉(zhuǎn)實現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-12-12Android開發(fā)筆記之簡單基站定位程序的實現(xiàn)
這篇文章主要介紹了Android開發(fā)筆記之簡單基站定位程序的實現(xiàn),詳細(xì)的介紹了基站定位其實很簡單,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2016-11-11iOS中讓多個cell上都出現(xiàn)倒計時的分析與實現(xiàn)
這篇文章主要給大家介紹了在iOS中每個cell上都出現(xiàn)倒計時的分析與實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-07-07iOS開發(fā)技能weak和strong修飾符的規(guī)范使用詳解
這篇文章主要為大家介紹了iOS開發(fā)技能weak和strong修飾符的規(guī)范使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-07-07