前言

因項目需要，最近一段時間都在調研iOS的過場動畫。對於我來說這是一個之前沒有太涉及的領域，所以有必要把調研的過程和自己的一些理解紀錄下來

為什麼要自定義過場動畫？

如果大家有關注Material Design和最近一些知名App（如快的、一號專車等）的界面設計和交互的變化，就會發現一種新的趨勢：平滑的頁面過渡。目的旨在於讓用戶盡量少地感覺到頁面之間生硬的切換，從而使App的體驗更加流暢。而iOS原生的兩種常用過場：Push/Pop和Present，和目前流行的趨勢顯然是不太符合的，所以自定義過場動畫的意義就體現出來了。

Transition－iOS的自定義過場

簡介

因為之前有博客對自定義過場做了非常詳細的介紹，我就不贅述了，具體參照這裡 iOS7之定制View Controller切換效果 （PS：感謝作者）。作者的demo我也有下載看過，他是為每個過場動畫封裝了單獨的類，然後在UIViewController中實現過場切換的代理，在代理中返回相應的動畫效果。對於為過場動畫封裝單獨的類這點我是非常贊同的，但是在UIViewController中實現過場切換的代理這一點我覺得不是特別理想，所以後來我的實現做了修改，最終的效果是在UIViewController中只需要調用一個接口，就可以實現自定義過場的效果。

我的設計

分析

首先，我封裝了一個單例模式MBTransition基類，使用單例模式的原因有兩個：

在一個App中，同時存在的過場只會有一個。 實現成單例之後過場對象就不需要依賴於某個UIViewController。

然後.m文件中為這個類實現過場動畫的幾個代理

#pragma mark UINavigationControllerDelegate methods

// Push/Pop時自定義過場的代理
// 參數：
//      navigationController：導航
//      operation：導航的操作：Push/Pop/None，可以用來控制在哪種導航的操作下使用自定義過場
//      fromVC：執行Push操作的UIViewController
//      toVC：被Push的UIViewController
- (id)navigationController:(UINavigationController *)navigationController
                                  animationControllerForOperation:(UINavigationControllerOperation)operation
                                               fromViewController:(UIViewController *)fromVC
                                                 toViewController:(UIViewController *)toVC {
    return self;
}

// Present時自定義過場的代理
// 參數：
//      presented：被Present的UIViewController
//      presenting：正在執行Present的UIViewController
//      source：發起Present的UIViewController（PS：正在執行Present和發起Present的UIViewController是有區別的，如果source是某個UINavigationController下的一個UIViewController，那麼presenting就是這個UINavigationController，如果source不是在類似UINavigationController或者UITabbarController這樣的控件內，那麼presenting就是source本身）
- (id )animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source
{
    return self;
}

// Dismiss時自定義過場的代理
// 參數：
//      dismissed：被Dismiss掉的UIViewController
-(id )animationControllerForDismissedController:(UIViewController *)dismissed
{
    return self;
}

#pragma mark - UIViewControllerContextTransitioning

// 實現具體自定義過場動畫效果的代理，這個代理也是實現動畫效果的核心
// 參數：
//      transitionContext：過場時的上下文信息
- (void)animateTransition:(id)transitionContext
{
}

// 過場動畫時間的代理
// 參數：
//      transitionContext：過場時的上下文信息
- (NSTimeInterval)transitionDuration:(id)transitionContext
{
    return self.duration;
}

通過上面幾個代理我們可以知道：Push/Pop和Present時過場動畫的代理是不一樣的，所以我建立了一個過場類型的枚舉，用來控制自定義過場在哪種交互下可用：

typedef enum TransitionType{
    TransitionTypePush, // Push/Pop過場
    TransitionTypePresent // Present過場
}TransitionType;

然後在- (NSTimeInterval)transitionDuration:(id)transitionContext代理中我們返回了self.duration，所以我們需要在.h文件中添加一個變量來保存過場動畫持續的時間：

@property (nonatomic, assign) NSTimeInterval duration;

接下來我們分析一下 (void)animateTransition:(id)transitionContext 代理中我們做的一些事情：

通過 transitionContext 獲取到過場時切換的兩個UIViewController

// 這裡的 fromVC 和 toVC 代表的是過場是由 fromVC 切換到 toVC 的。
// 比如從A界面Push到B界面時，這裡的fromVC是A界面，toVC是B界面，而當B界面被Pop到A界面時，這裡的fromVC就是B界面，toVC就是A界面
UIViewController *fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
UIViewController *toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];

通過 transitionContext 獲取到執行切換的UIView

// 所有的切換動畫都是基於container來實現的
UIView *container = [transitionContext containerView];

通過 transitionContext 獲取到過場的持續時間

NSTimeInterval duration = [self transitionDuration:transitionContext];

最後通過 transitionContext 獲取到過場時切換的 fromVC 和 toVC 和Push/Present時保存的 fromVC 和 toVC 進行比較就可以知道目前執行的是Push/Present還是Pop/Dismiss，從而可以為Push/Present和Pop/Dismiss定制不同的動畫效果。

- (BOOL)isReversed:(UIViewController *)fromVC ToVC:(UIViewController *)toVC
{
    return !([self.fromVC class] == [fromVC class] && [self.toVC class] == [toVC class]);
}

所以我們需要在.h文件中添加兩個成員變量來保存Push/Present時的 fromVC 和 toVC ：

@property (nonatomic, weak) UIViewController *fromVC;
@property (nonatomic, weak) UIViewController *toVC;

接下來就是具體的過場動畫部分了，其實就是結合fromVC的view、toVC的view和container做一些動畫效果，因為跟做普通的動畫沒有什麼區別，所以這個部分我就不具體描述了。

最後是提供給外部調用的接口，內容如下：

- (void)setTransitionWithFromViewController:(UIViewController *)fromVC ToViewController:(UIViewController *)toVC TransitionType:(TransitionType)type Duration:(NSTimeInterval)duration{

    self.fromVC = fromVC;
    self.toVC = toVC;
    self.duration = duration;
    if (type == TransitionTypePush) {
        self.fromVC.navigationController.delegate = self;
    }else if (type == TransitionTypePresent){
        self.fromVC.transitioningDelegate = self;
        self.toVC.transitioningDelegate = self;
    }
}

上面代碼片段所做的事情就是對一些參數進行保存，然後根據 TransitionType 來設置相應的代理。

特點

如果要實現其他自定義過場，只需要繼承MBTransition，然後重寫 (void)animateTransition:(id)transitionContext 代理即可。 使用者只需調用一個接口即可實現自定義過場，降低了代碼耦合。

交互式的切換動畫

交互式動畫主要是指用戶可以通過手勢控制整個動畫的過程，這個部分我目前還沒有研究…

碰到的一些坑

當UIViewController是UITabbarController或者UINavigationController的一個childViewController時，通過 [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey] 和 [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey] 拿到的UIViewController其實是UITabbarController或者UINavigationController，所以在調用接口時，要注意傳入的 fromVC 和 toVC 其實是這個UIViewController的UITabbarController或者UINavigationController。

如果采用Push/Pop的方式，當fromVC屬於UITabbarController的一個childViewController，且在 toVC 上不能顯示UITabbarController的UITabBar時，UITabbarController的UITabBar會造成很大的麻煩：

如果使用設置hidesBottomBarWhenPushed為true的方式，那麼UITabBar的動畫不能定制，只能是默認的從右到左和從左到右。 如果使用自定義的方式顯示和隱藏UITabBar，因為AutoLayout的原因，後期問題會更多…

所以在這種情況下建議使用Present的方式切換到新的界面，當然如果大家有好的解決方法也希望能分享給我，謝謝！