美文网首页
自定义dismiss转场动画,实现和pop一样的效果

自定义dismiss转场动画,实现和pop一样的效果

作者: 搬运工开发者 | 来源:发表于2016-11-27 22:12 被阅读122次

自定义dismiss转场动画,实现和pop一样的效果,如果想实现其他的效果基本思路也差不多

Untitled.gif

1、首先实现dismissViewControllerAnimated动画,新建一个DismissTransitionAnimated类继承自NSObject,并遵守UIViewControllerAnimatedTransitioning协议
DismissTransitionAnimated.h文件

#import <Foundation/Foundation.h>

@interface DismissTransitionAnimated : NSObject

@end

DismissTransitionAnimated.m文件

#import "DismissTransitionAnimated.h"

#import <UIKit/UIKit.h>
@interface DismissTransitionAnimated ()<UIViewControllerAnimatedTransitioning>

@end
@implementation DismissTransitionAnimated

/** 动画时间 */
- (NSTimeInterval)transitionDuration:(id<UIViewControllerContextTransitioning>)transitionContext{
    return 1.0;
}

/** 定义动画 */
- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext{
    
    UIViewController *fromViewController = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController *toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    UIView *containerView = [transitionContext containerView];
    UIView *fromView = nil;
    UIView *toView = nil;
    
    if ([transitionContext respondsToSelector:@selector(viewForKey:)]) {
        fromView = [transitionContext viewForKey:UITransitionContextFromViewKey];
        toView = [transitionContext viewForKey:UITransitionContextToViewKey];
    }else{
        fromView = fromViewController.view;
        toView = toViewController.view;
    }
    
    BOOL isDismiss = (fromViewController.presentingViewController == toViewController);
    
    CGRect fromFrame = [transitionContext initialFrameForViewController:fromViewController];
    CGRect toFrame = [transitionContext finalFrameForViewController:toViewController];
    
    if (isDismiss) {
        fromView.frame = fromFrame;
        toView.frame = CGRectOffset(toFrame, toFrame.size.width*0.3*-1, 0);
       [containerView insertSubview:toView belowSubview:fromView];
    }
    
    NSTimeInterval transitionDuration = [self transitionDuration:transitionContext];
    
    [UIView animateWithDuration:transitionDuration animations:^{
        if (isDismiss) {
            toView.frame = toFrame;
            fromView.frame = CGRectOffset(fromFrame, fromFrame.size.width, 0);
        }
    } completion:^(BOOL finished) {
        BOOL isCancel = [transitionContext transitionWasCancelled];
        if (isCancel) {
            [toView removeFromSuperview];
        }
        [transitionContext completeTransition:!isCancel];
    }];
}

2、新建控制器ViewController, 并遵守UIViewControllerTransitioningDelegate
定义属性

@property (retain, nonatomic) UIPercentDrivenInteractiveTransition *percentDrivenTransition;
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
UIViewController *presentVC = [[UIViewController alloc]init];
    presentVC.transitioningDelegate = self;
    presentVC.view.backgroundColor = [UIColor redColor];
    [self addScreenLeftEdgePanGestureRecognizer:presentVC.view];
    [self presentViewController:presentVC animated:YES completion:nil];
}
- (nullable id <UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed {
    return [[DismissTransitionAnimated alloc] init];
}
- (id<UIViewControllerInteractiveTransitioning>)interactionControllerForPresentation:(id<UIViewControllerAnimatedTransitioning>)animator{
    return _percentDrivenTransition;
}

- (id<UIViewControllerInteractiveTransitioning>)interactionControllerForDismissal:(id<UIViewControllerAnimatedTransitioning>)animator{
    return _percentDrivenTransition;
}

presentVC添加左边边缘滑动返回

- (void)addScreenLeftEdgePanGestureRecognizer:(UIView *)view{
    UIScreenEdgePanGestureRecognizer *screenEdgePan = [[UIScreenEdgePanGestureRecognizer alloc] initWithTarget:self action:@selector(edgePanGesture:)];
    screenEdgePan.edges = UIRectEdgeLeft;
    [view addGestureRecognizer:screenEdgePan];
}

- (void)edgePanGesture:(UIScreenEdgePanGestureRecognizer *)edgePan{
    CGFloat progress = fabs([edgePan translationInView:[UIApplication sharedApplication].keyWindow].x/[UIApplication sharedApplication].keyWindow.bounds.size.width);
    if (edgePan.state == UIGestureRecognizerStateBegan) {
        self.percentDrivenTransition = [[UIPercentDrivenInteractiveTransition alloc]init];
        if (edgePan.edges == UIRectEdgeLeft) {
            [self dismissViewControllerAnimated:YES completion:nil];
        }
    }else if (edgePan.state == UIGestureRecognizerStateChanged){
        [self.percentDrivenTransition updateInteractiveTransition:progress];
    }else if (edgePan.state == UIGestureRecognizerStateEnded || edgePan.state == UIGestureRecognizerStateCancelled){
        if (progress > 0.5) {
            [_percentDrivenTransition finishInteractiveTransition];
        }else{
            [_percentDrivenTransition cancelInteractiveTransition];
        }
        _percentDrivenTransition = nil;
    }
}

相关文章

  • 自定义dismiss转场动画,实现和pop一样的效果

    自定义dismiss转场动画,实现和pop一样的效果,如果想实现其他的效果基本思路也差不多 1、首先实现dismi...

  • iOS自定义转场动画-present和dismiss

    自定义present、dismiss转场动画的步骤和自定义push、pop转场动画的步骤是一致的,相关内容请看《i...

  • 自定义转场动画

    自定义专场动画分为push/pop ,present/dismiss 两种情况,对与push/pop需要定制转场动...

  • iOS 转场动画封装

    转场(transition)动画 1.转场种类 分为4种:present,dismiss; push, pop.前...

  • iOS 自定义转场

    自定义转场可以分为push/pop、present/dismiss、UITabbarController三种,本文...

  • iOS ~ ViewController的Push,Pop和Pr

    转场动画涉及到的包括导航控制器的Push动画和Pop动画,以及普通控制器的Present和Dismiss动画,主要...

  • 自定义转场

    自定义转场的类型 按照页面类型:1、present/dismiss 2、push/pop 3、tabbarSwi...

  • iOS 自定义转场动画

    本文记录分享下自定义转场动画的实现方法,具体到动画效果:新浪微博图集浏览转场效果、手势过渡动画、网易音乐启动屏转场...

  • iOS动画(四) --自定义转场动画

    本文记录分享下自定义转场动画的实现方法,具体到动画效果:新浪微博图集浏览转场效果、手势过渡动画、网易音乐启动屏转场...

  • 转场动画第二弹

    iOS自定义转场详解02——实现Keynote中的神奇移动效果 关于自定义转场动画,我都告诉你。

网友评论

      本文标题:自定义dismiss转场动画,实现和pop一样的效果

      本文链接:https://www.haomeiwen.com/subject/fvvnpttx.html