iOS-OC-可交互自定義轉(zhuǎn)場動(dòng)畫,帶你填坑

上一章寫了不可交互的自定義轉(zhuǎn)場動(dòng)畫忆绰,這一章寫寫可交互的自定義轉(zhuǎn)場動(dòng)畫,先來效果圖可岂。


可交互自定義轉(zhuǎn)場動(dòng)畫

進(jìn)入正題

可交互轉(zhuǎn)場主要依賴于UIPercentDrivenInteractiveTransition這個(gè)類错敢,顧名思義百分比推動(dòng)互動(dòng)轉(zhuǎn)場。

第一步:我們首先要聲明變量缕粹,并初始化

@property (nonatomic,strong)UIPercentDrivenInteractiveTransition *interactive;
self.interactive = [[UIPercentDrivenInteractiveTransition alloc]init];

第二步:創(chuàng)建手勢

-(void)Pan:(UIPanGestureRecognizer *)recognizer{
    CGPoint translatedPoint = [recognizer translationInView:self.view];
    CGFloat persent =  translatedPoint.x /  [[UIScreen mainScreen]bounds].size.width;
    persent = fabs(persent);
    switch (recognizer.state) {
        case UIGestureRecognizerStateBegan:{
            self.isClickPush = NO;
            [self.navigationController popViewControllerAnimated:YES];
            break;
        }
        case UIGestureRecognizerStateChanged:{
            //手勢過程中稚茅,通過updateInteractiveTransition設(shè)置pop過程進(jìn)行的百分比
            [self.interactive updateInteractiveTransition:persent];
            break;
        }
        case UIGestureRecognizerStateEnded:{
            //手勢完成后結(jié)束標(biāo)記并且判斷移動(dòng)距離是否過半,過則finishInteractiveTransition完成轉(zhuǎn)場操作致开,否者取消轉(zhuǎn)場操作
            if (persent > 0.5) {
                [self.interactive finishInteractiveTransition];
            }else{
                [self.interactive cancelInteractiveTransition];
            }
            break;
        }
        default:
            break;
    }
}

第三步:在代理中實(shí)現(xiàn)
需要注意的是:我們是在另外一個(gè)界面進(jìn)行的自定義轉(zhuǎn)場峰锁,那么我們的Navigation的協(xié)議也需要遵循我們當(dāng)前界面的協(xié)議萎馅。我相信聰明的老鐵會(huì)意識(shí)到一個(gè)問題双戳,我們控制器所用到Navigation都是使用的同一個(gè),那我在當(dāng)前界面修改了Navigation的協(xié)議糜芳,當(dāng)我返回到上一層界面時(shí)飒货,Navigation的協(xié)議是否會(huì)有錯(cuò)誤魄衅。答案是肯定會(huì)有的。那就是導(dǎo)致下一次轉(zhuǎn)場動(dòng)畫失效塘辅,如下圖:


錯(cuò)誤示例

既然知道了問題所在晃虫,那么寫起來就方便多了,我們只需要在兩個(gè)界面的viewDidApper中實(shí)現(xiàn)代理方法就可以了

-(void)viewDidAppear:(BOOL)animated{
    [super viewDidAppear:animated];
    self.isClickPush = YES;
    self.navigationController.delegate = self;
}

第四步:在代理中實(shí)現(xiàn)方法

#pragma mark 自定義轉(zhuǎn)場動(dòng)畫
- (id<UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController animationControllerForOperation:(UINavigationControllerOperation)operation fromViewController:(UIViewController *)fromVC toViewController:(UIViewController *)toVC{
    if (operation == UINavigationControllerOperationPop) {
        return self.animatedTransitioning;//你設(shè)置的動(dòng)畫
    }
    return nil;
}
#pragma mark 交互自定義轉(zhuǎn)場動(dòng)畫的代理方法
- (id<UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController interactionControllerForAnimationController:(id<UIViewControllerAnimatedTransitioning>)animationController{
    if (self.isClickPush) {
        return nil;
    }else{
        return self.interactive;
    }
}

寫到這里的話其實(shí)已經(jīng)大公告成啦扣墩,但是有老鐵會(huì)注意到self.isClickPush出現(xiàn)了多次哲银,他的用意何在呢?其實(shí)如果在這里不注意的話呻惕,那就掉到了一個(gè)大坑里面去了荆责。首先我來說說我對(duì)Navigation的兩個(gè)代理方法的理解吧。

- (nullable id <UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController
                                   animationControllerForOperation:(UINavigationControllerOperation)operation
                                                fromViewController:(UIViewController *)fromVC
                                                  toViewController:(UIViewController *)toVC

- (nullable id <UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController
                          interactionControllerForAnimationController:(id <UIViewControllerAnimatedTransitioning>) animationController 

這兩個(gè)方法是在程序要進(jìn)行轉(zhuǎn)場之前運(yùn)行的亚脆,深入點(diǎn)的話:當(dāng)程序進(jìn)行轉(zhuǎn)場之前做院,無論你是自定義轉(zhuǎn)場動(dòng)畫,還是可交互的自定義轉(zhuǎn)場動(dòng)畫濒持,亦或是系統(tǒng)自帶的轉(zhuǎn)場键耕,統(tǒng)統(tǒng)都會(huì)先跑這兩個(gè)方法。
既然知道了這個(gè)柑营,我們也不難發(fā)現(xiàn)了屈雄,如果我們使用navigation自帶的返回按鈕返回上一層的話,也會(huì)運(yùn)行這兩個(gè)代理方法官套,如果不加self.isClickPush進(jìn)行判斷的話棚亩,那就會(huì)直接return self.interactive導(dǎo)致程序Crash。而通過判斷return nil實(shí)際也就是使用系統(tǒng)自身的轉(zhuǎn)場了虏杰。
我這里寫了一個(gè)小小的示例代碼:老鐵們可以跟著代碼邊看邊敲邊理解讥蟆。鏈接:https://github.com/HYDupup/AnimatedTransition--

另外我自己寫封裝一個(gè)開源的代碼,包含了幾種有意思的酷炫且實(shí)用的轉(zhuǎn)場動(dòng)畫纺阔,操作簡單瘸彤,只需引入頭文件,并在UIViewControllerAnimatedTransitioning代理中初始化就OK啦笛钝。
鏈接:https://github.com/HYDupup/YDAnimatedTransition质况,內(nèi)附效果圖和使用方法,如果好用的話請(qǐng)幫我點(diǎn)個(gè)Star哦玻靡。直接在Podfile添加pod 'YDAnimatedTransition'也可以哦~

如果各位有什么有趣的酷炫的轉(zhuǎn)場設(shè)計(jì)结榄,也可以在下面留言信柿,我可以和大家一起實(shí)現(xiàn)舶赔,

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市昏名,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌视哑,老刑警劉巖绣否,帶你破解...
    沈念sama閱讀 211,743評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異挡毅,居然都是意外死亡蒜撮,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門跪呈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來段磨,“玉大人,你說我怎么就攤上這事耗绿∞崩#” “怎么了?”我有些...
    開封第一講書人閱讀 157,285評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵缭乘,是天一觀的道長沐序。 經(jīng)常有香客問我,道長堕绩,這世上最難降的妖魔是什么策幼? 我笑而不...
    開封第一講書人閱讀 56,485評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮奴紧,結(jié)果婚禮上特姐,老公的妹妹穿的比我還像新娘。我一直安慰自己黍氮,他們只是感情好唐含,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著沫浆,像睡著了一般捷枯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上专执,一...
    開封第一講書人閱讀 49,821評(píng)論 1 290
  • 那天淮捆,我揣著相機(jī)與錄音,去河邊找鬼本股。 笑死攀痊,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的拄显。 我是一名探鬼主播苟径,決...
    沈念sama閱讀 38,960評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼躬审!你這毒婦竟也來了棘街?” 一聲冷哼從身側(cè)響起蟆盐,我...
    開封第一講書人閱讀 37,719評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蹬碧,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體炒刁,經(jīng)...
    沈念sama閱讀 44,186評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡恩沽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了翔始。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片罗心。...
    茶點(diǎn)故事閱讀 38,650評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖城瞎,靈堂內(nèi)的尸體忽然破棺而出渤闷,到底是詐尸還是另有隱情,我是刑警寧澤脖镀,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布飒箭,位于F島的核電站,受9級(jí)特大地震影響蜒灰,放射性物質(zhì)發(fā)生泄漏弦蹂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評(píng)論 3 313
  • 文/蒙蒙 一强窖、第九天 我趴在偏房一處隱蔽的房頂上張望凸椿。 院中可真熱鬧,春花似錦翅溺、人聲如沸脑漫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽优幸。三九已至,卻和暖如春褪猛,著一層夾襖步出監(jiān)牢的瞬間劈伴,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評(píng)論 1 266
  • 我被黑心中介騙來泰國打工握爷, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留跛璧,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,370評(píng)論 2 360
  • 正文 我出身青樓新啼,卻偏偏與公主長得像追城,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子燥撞,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評(píng)論 2 349

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