iOS自定義push樣式的present動(dòng)畫(huà)

在iOS開(kāi)發(fā)中峻堰,用UINavigationController可以push出一個(gè)界面(UIViewController)挽铁,但不能push出一個(gè)UINavigationController
如果嘗試下這么做霜旧,應(yīng)用會(huì)拋出異常撩穿,并給出log提示:

reason: 'Pushing a navigation controller is not supported'

因?yàn)橐恍┢婀值漠a(chǎn)品、交互需求萍倡,或者是舊有的界面層級(jí)問(wèn)題,非要在一個(gè)已有的UINavigationController中以從左到右的動(dòng)畫(huà)方式(即系統(tǒng)默認(rèn)的push動(dòng)畫(huà)樣式)展示一個(gè)UINavigationController辟汰,該如何實(shí)現(xiàn)呢列敲?

解決思路:

UINavigationController雖然不可以push另一個(gè)UINavigationController,但是可以通過(guò)以下兩種方式“展示”另一個(gè)UINavigationController:

  1. addChildViewController直接add一個(gè)UINavigationController帖汞,并將其view也add到原有的UINavigationController的view層級(jí)上戴而;
  2. presentViewController方式present出一個(gè)完整的UINavigationController結(jié)構(gòu);

上面兩種方式都可以作為解決思路翩蘸,進(jìn)行自定義動(dòng)畫(huà)所意,實(shí)現(xiàn)這個(gè)“Pushing a navigation controller”的需求。
第一種方式?jīng)]嘗試過(guò)催首,可能會(huì)在UINavigationBar顯示等方面出現(xiàn)坑扶踊。
第二種方式的presentViewController已有成熟的自定義動(dòng)畫(huà)、手勢(shì)API支持郎任,實(shí)現(xiàn)起來(lái)更方便秧耗,本文將以第二種方式實(shí)現(xiàn)該效果。

實(shí)現(xiàn)要求:

  • 將present動(dòng)畫(huà)自定義為系統(tǒng)原生push樣式的動(dòng)畫(huà)舶治;
  • 支持手指跟隨的右滑返回手勢(shì)分井;
  • present后,兩個(gè)UINavigationController原有返回手勢(shì)不受影響霉猛;

實(shí)現(xiàn)效果:


圖中在NavA上的VCA present出了NavB(topViewController為VCB)尺锚,顯示的效果是VCA push出了VCB。
實(shí)現(xiàn)代碼:https://github.com/kamous/NavigationPresent

實(shí)現(xiàn)步驟:

自定義present動(dòng)畫(huà)

  • 分別為present和dismiss創(chuàng)建實(shí)現(xiàn)了UIViewControllerAnimatedTransitioning協(xié)議的動(dòng)畫(huà)類(lèi):PPTransitionPresenPushStyleAnimator及PPTransitionDismissPopStyleAnimator韩脏。
- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext

在UIViewControllerAnimatedTransitioning協(xié)議的上面這個(gè)回調(diào)中缩麸,從transitionContext對(duì)象可獲取present和dissmiss相關(guān)的兩個(gè)UIViewController,以及動(dòng)畫(huà)的畫(huà)布——containerView,在回調(diào)內(nèi)完成自定義的動(dòng)畫(huà)杭朱,PPTransitionDismissPopStyleAnimator的實(shí)現(xiàn)如下:

#define kPPTransitionDismissPopStyleDuration 0.3

@implementation PPTransitionDismissPopStyleAnimator

- (NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext {
    return kPPTransitionDismissPopStyleDuration;
}

- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext {
    UIViewController *fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController *toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    UIView *container = [transitionContext containerView];
    
    CGFloat screenWidth = [UIScreen mainScreen].bounds.size.width;
    CGRect fromVCRect = fromVC.view.frame;
    fromVCRect.origin.x = 0;
    fromVC.view.frame = fromVCRect;
    
    [container addSubview:toVC.view];
    CGRect toVCRect = toVC.view.frame;
    toVCRect.origin.x = -screenWidth;
    toVC.view.frame = toVCRect;
    
    fromVCRect.origin.x = screenWidth;
    toVCRect.origin.x = 0;
    
    [UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{
        fromVC.view.frame = fromVCRect;
        toVC.view.frame = toVCRect;
    } completion:^(BOOL finished){
        [transitionContext completeTransition:![transitionContext transitionWasCancelled]];//動(dòng)畫(huà)結(jié)束阅仔、取消必須調(diào)用
    }];
}
@end

PPTransitionDismissPopStyleAnimator實(shí)現(xiàn)也與之類(lèi)似,具體見(jiàn)源碼弧械。

  • 調(diào)用presentViewController:animated:completion:消息的類(lèi)八酒,需要實(shí)現(xiàn)UIViewControllerTransitioningDelegate協(xié)議,以返回剛才定義的自定義動(dòng)畫(huà)對(duì)象刃唐。
- (nullable id <UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented
                                                                            presentingController:(UIViewController *)presenting
                                                                                sourceController:(UIViewController *)source {
    return [PPTransitionPresenPushStyleAnimator new];
}

- (nullable id <UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed {
    return [PPTransitionDismissPopStyleAnimator new];
}

自定義返回手勢(shì)

  • 為即將被present出來(lái)的view添加UIScreenEdgePanGestureRecognizer手勢(shì)作為返回操作手勢(shì)羞迷。
    該類(lèi)型手勢(shì)與UINavigationController自帶的返回手勢(shì)interactivePopGestureRecognizer是同一類(lèi)型,二者應(yīng)該是互斥的画饥,同一時(shí)間只識(shí)別其中一個(gè)衔瓮。所以添加時(shí)需增加requireGestureRecognizerToFail的邏輯:
UIScreenEdgePanGestureRecognizer *screenGesture = [[UIScreenEdgePanGestureRecognizer alloc] initWithTarget:self action:@selector(onPanGesture:)];
screenGesture.delegate = self;
screenGesture.edges = UIRectEdgeLeft;
[viewControllerToPresent.view addGestureRecognizer:screenGesture];
if ([viewControllerToPresent isKindOfClass:[UINavigationController class]]) {
        [screenGesture requireGestureRecognizerToFail:((UINavigationController*)viewControllerToPresent).interactivePopGestureRecognizer];
}
  • 實(shí)現(xiàn)pan手勢(shì)手指跟隨,即手指從左向右邊滑動(dòng)后抖甘,又向左邊屏幕滑動(dòng)热鞍,則需要取消此次的dismiss操作。
    UIViewControllerTransitioningDelegate的回調(diào)接口已有對(duì)這種情況的支持衔彻,只需要返回在下面兩個(gè)回調(diào)中薇宠,返回一個(gè)實(shí)現(xiàn)UIViewControllerInteractiveTransitioning協(xié)議的對(duì)象即可。
- (nullable id <UIViewControllerInteractiveTransitioning>)interactionControllerForPresentation:(id <UIViewControllerAnimatedTransitioning>)animator;

- (nullable id <UIViewControllerInteractiveTransitioning>)interactionControllerForDismissal:(id <UIViewControllerAnimatedTransitioning>)animator;

而系統(tǒng)自帶的UIPercentDrivenInteractiveTransition類(lèi)已實(shí)現(xiàn)該協(xié)議艰额,它的功能描述如下:

A percent-driven interactive transition object drives the custom animation between the disappearance of one view controller and the appearance of another.

所以此處使用UIPercentDrivenInteractiveTransition類(lèi)完成這個(gè)進(jìn)度相關(guān)的判斷澄港,將UIPercentDrivenInteractiveTransition對(duì)象以屬性方式聲明在ViewController中。

@property (nonatomic, strong) UIPercentDrivenInteractiveTransition *percentDrivenTransition;

在pan手勢(shì)處理的方法中完成對(duì)該屬性的初始化和邏輯處理:

- (void)onPanGesture:(UIScreenEdgePanGestureRecognizer *)gesture {
    float progress = [gesture translationInView:self.view].x / [UIScreen mainScreen].bounds.size.width;
    if (gesture.state == UIGestureRecognizerStateBegan) {
        self.percentDrivenTransition = [UIPercentDrivenInteractiveTransition new];
        [self dismissViewControllerAnimated:YES completion:NULL];
    } else if (gesture.state == UIGestureRecognizerStateChanged) {
        [self.percentDrivenTransition updateInteractiveTransition:progress];
    } else if (gesture.state == UIGestureRecognizerStateCancelled ||
               gesture.state == UIGestureRecognizerStateEnded) {
        if (progress > 0.5) {
            [self.percentDrivenTransition finishInteractiveTransition];
        } else {
            [self.percentDrivenTransition cancelInteractiveTransition];
        }
        self.percentDrivenTransition = nil;
    }
}

至此柄沮,就完成了自定義push樣式的present動(dòng)畫(huà)回梧。
Demo下載

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市祖搓,隨后出現(xiàn)的幾起案子漂辐,更是在濱河造成了極大的恐慌,老刑警劉巖棕硫,帶你破解...
    沈念sama閱讀 206,968評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異袒啼,居然都是意外死亡哈扮,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)蚓再,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)滑肉,“玉大人,你說(shuō)我怎么就攤上這事摘仅“忻恚” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,220評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵娃属,是天一觀(guān)的道長(zhǎng)六荒。 經(jīng)常有香客問(wèn)我护姆,道長(zhǎng),這世上最難降的妖魔是什么掏击? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,416評(píng)論 1 279
  • 正文 為了忘掉前任卵皂,我火速辦了婚禮,結(jié)果婚禮上砚亭,老公的妹妹穿的比我還像新娘灯变。我一直安慰自己,他們只是感情好捅膘,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布添祸。 她就那樣靜靜地躺著,像睡著了一般寻仗。 火紅的嫁衣襯著肌膚如雪刃泌。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,144評(píng)論 1 285
  • 那天愧沟,我揣著相機(jī)與錄音蔬咬,去河邊找鬼。 笑死沐寺,一個(gè)胖子當(dāng)著我的面吹牛林艘,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播混坞,決...
    沈念sama閱讀 38,432評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼狐援,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了究孕?” 一聲冷哼從身側(cè)響起啥酱,我...
    開(kāi)封第一講書(shū)人閱讀 37,088評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎厨诸,沒(méi)想到半個(gè)月后镶殷,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,586評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡微酬,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評(píng)論 2 325
  • 正文 我和宋清朗相戀三年绘趋,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片颗管。...
    茶點(diǎn)故事閱讀 38,137評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡陷遮,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出垦江,到底是詐尸還是另有隱情帽馋,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評(píng)論 4 324
  • 正文 年R本政府宣布,位于F島的核電站绽族,受9級(jí)特大地震影響姨涡,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜项秉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評(píng)論 3 307
  • 文/蒙蒙 一绣溜、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧娄蔼,春花似錦怖喻、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,333評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至涕癣,卻和暖如春哗蜈,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背坠韩。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,559評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工距潘, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人只搁。 一個(gè)月前我還...
    沈念sama閱讀 45,595評(píng)論 2 355
  • 正文 我出身青樓音比,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親氢惋。 傳聞我的和親對(duì)象是個(gè)殘疾皇子洞翩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評(píng)論 2 345

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