效果：

11月-06-2017 11-06-14.gif

新建一個(gè)類MJAnimationVertical基于NSObject

重寫

- (NSTimeInterval)transitionDuration:(id <UIViewControllerContextTransitioning>)transitionContext {
    return 2.0f;
}
- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext 
{
    //獲取fromVC與toVC
    UIViewController *fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController *toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    //通過上下文獲取跳轉(zhuǎn)的view
    UIView *containerView = [transitionContext containerView];
    
    //將fromVC截圖
    UIView *mainSnap = [fromVC.view snapshotViewAfterScreenUpdates:NO];
    
    //fromVC分割成寬度為5的view
    NSArray *outgoingLineViews = [self cutView:mainSnap intoSlicesOfWidth:5];
    
    //將分割出來(lái)的view加入到主頁(yè)面，用作動(dòng)畫
    for (int i = 0; i <outgoingLineViews.count;i++) {
        [containerView addSubview:(UIView*)outgoingLineViews[i]];
    }
    
    //toVC的view加入到跳轉(zhuǎn)頁(yè)面的view中，并放到分隔view到后面
    UIView *toView = [toVC view];
    toView.frame = [transitionContext finalFrameForViewController:toVC];
    [containerView addSubview:toView];
    [containerView sendSubviewToBack:toView];
    
    
    CGFloat toViewStartY = toView.frame.origin.y;
    toView.alpha = 0;
    
    //因?yàn)橐延梅指顅iew界面，所以本來(lái)到fromview久不需要顯示了
    fromVC.view.hidden = YES;
    
    
    [UIView animateWithDuration:1 delay:0.0 options:UIViewAnimationOptionCurveEaseIn animations:^{
    } completion:^(BOOL finished) {
        
        //將toView切割保存
        toVC.view.alpha = 1;
        UIView *mainInSnap = [toView snapshotViewAfterScreenUpdates:YES];
        NSArray *incomingLineViews = [self cutView:mainInSnap intoSlicesOfWidth:5];
        
        //切割出來(lái)的line位置參差排列并添加到跳轉(zhuǎn)view
        [self repositionViewSlices:incomingLineViews moveFirstFrameUp:NO];
        for (UIView *v in incomingLineViews) {
            [containerView addSubview:v];
        }
        toView.hidden = YES;
        
        [UIView animateWithDuration:1 delay:0 usingSpringWithDamping:0.8 initialSpringVelocity:0 options:UIViewAnimationOptionCurveEaseIn animations:^{
            //fromview的line以動(dòng)畫形式出界面，toview的line以動(dòng)畫形式復(fù)原fram也就是回到界面
            [self repositionViewSlices:outgoingLineViews moveFirstFrameUp:YES];
            [self resetViewSlices:incomingLineViews toYOrigin:toViewStartY];
        } completion:^(BOOL finished) {
            fromVC.view.hidden = NO;
            toView.hidden = NO;
            [toView setNeedsUpdateConstraints];
            for (UIView *v in incomingLineViews) {
                [v removeFromSuperview];
            }
            for (UIView *v in outgoingLineViews) {
                [v removeFromSuperview];
            }
            [transitionContext completeTransition:YES];
        }];
        
    }];

}

剪切界面的方法

-(NSMutableArray *)cutView:(UIView *)view intoSlicesOfWidth:(float)width{
    
    CGFloat lineHeight = CGRectGetHeight(view.frame);
    
    NSMutableArray *lineViews = [NSMutableArray array];
    UIView *subsnapshot;
    for (int x=0; x<CGRectGetWidth(view.frame); x+=width) {
        CGRect subrect = CGRectMake(x, 0, width, lineHeight);
        subsnapshot = nil;
        subsnapshot = [view resizableSnapshotViewFromRect:subrect afterScreenUpdates:YES withCapInsets:UIEdgeInsetsZero];
        subsnapshot.frame = subrect;
        [lineViews addObject:subsnapshot];
    }
    return lineViews;
    
}

將剪切的line參差分不到界面
用在從fromView的消失動(dòng)畫上

-(void)repositionViewSlices:(NSArray *)views moveFirstFrameUp:(BOOL)startUp{
    
    BOOL up = startUp;
    CGRect frame;
    float height;
    for (UIView *line in views) {
        frame = line.frame;
        height = CGRectGetHeight(frame) * RANDOM_FLOAT(1.0, 4.0);
        
        frame.origin.y += (up)?-height:height;
        line.frame = frame;
        
        up = !up;
    }
}

將參差不齊的line統(tǒng)一到界面
用在toView的出現(xiàn)動(dòng)畫上

-(void)resetViewSlices:(NSArray *)views toYOrigin:(CGFloat)y{
    
    CGRect frame;
    for (UIView *line in views) {
        frame = line.frame;
        frame.origin.y = y;
        line.frame = frame;
    }
}

在兩個(gè)VC之中的調(diào)用方式，跟上一文章沒差

//返回一個(gè)管理動(dòng)畫過渡的對(duì)象
-(nullable id <UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source
{
    if (!self.animationVertical) {
        self.animationVertical = [MJAnimationVertical new];
    }
    return self.animationVertical;
}

- (nullable id <UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed{
    if(!self.animationVertical){
        self.animationVertical = [[MJAnimationVertical alloc] init];
    }
    return self.animationVertical;
}