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