自定义UINavigationController push和pop动画

最新推荐文章于 2024-04-30 19:24:04 发布
最新推荐文章于 2024-04-30 19:24:04 发布
阅读量161 收藏
点赞数
文章标签： python 移动开发
原文链接：https://my.oschina.net/whforever/blog/693367
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

前言

首先, push/pop 动效在iOS7.0以后系统就已经提供了相关的代理方法, 在代理方法中我们可以自定义切换动画. 自定义push,pop动画是由UINavigationController的代理方法中提供的. 用于实现自定义动画的代理(UINavigationControllerDelegate)方法如下:

- (nullable id <UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController
                                   interactionControllerForAnimationController:(id <UIViewControllerAnimatedTransitioning>) animationController NS_AVAILABLE_IOS(7_0);

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

1. 实现自定义push,pop动画

一般的自定义动画通过navigationController:animationControllerForOperation:fromViewController:toViewController:这个代理方法实现, 这个代理方法返回id<UIViewControllerAnimatedTransitioning>类型的对象, 也就是说, 只需要定义好实现UIViewControllerAnimatedTransitioning协议的一个类即可.

1. UIViewControllerAnimatedTransitioning协议

UIViewControllerAnimatedTransitioning协议定义如下所示, 不解释:

@protocol UIViewControllerAnimatedTransitioning <NSObject>

// This is used for percent driven interactive transitions, as well as for container controllers that have companion animations that might need to
// synchronize with the main animation. 
- (NSTimeInterval)transitionDuration:(nullable id <UIViewControllerContextTransitioning>)transitionContext;
// This method can only  be a nop if the transition is interactive and not a percentDriven interactive transition.
- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext;

@optional

// This is a convenience and if implemented will be invoked by the system when the transition context's completeTransition: method is invoked.
- (void)animationEnded:(BOOL) transitionCompleted;

@end

代码中实现这个协议时候思路是这样的, 整体上是继承的结构, 因为动画具体的动效效果可能有n种, 但是基本方法和判断都是相同的. 父类遵循协议并实现如上的几个代理, 父类实现几个类方法来快速创建对象, 并提供其它初始化方法; 父类完成基本的逻辑判断和方法调用, 子类继承父类, 具体实现动效效果. 由于Objective-C中没有抽象方法, 例子在父类中声明方法, 空实现, 子类重写父类相关的方法. 父类如下所示:

WHBaseAnimationTransitioning.h

#import <UIKit/UIKit.h>
#import "UIViewController+WHAnimationTransitioningSnapshot.h"

@interface WHBaseAnimationTransitioning : NSObject <UIViewControllerAnimatedTransitioning>

@property (nonatomic, strong, readwrite) UIPercentDrivenInteractiveTransition *interactivePopTransition;

/// 创建动画效果的实例对象并设置动画类型, push or pop
+ (instancetype)transitionWithType:(UINavigationControllerOperation)transitionType;

/// 创建动画效果的实例对象并设置动画类型和间隔时间
+ (instancetype)transitionWithType:(UINavigationControllerOperation)transitionType duration:(NSTimeInterval)duration;

/// 创建动画效果实例对象并设置动画类型/间隔时间/可交互属性
+ (instancetype)transitionWithType:(UINavigationControllerOperation)transitionType duration:(NSTimeInterval)duration interactivePopTransition:(UIPercentDrivenInteractiveTransition *)interactivePopTransition;

- (instancetype)initWithType:(UINavigationControllerOperation)transitionType duration:(NSTimeInterval)duration;

#pragma mark - 真正实现 push, pop 动画的方法, 具体实现交给子类
- (void)push:(id<UIViewControllerContextTransitioning>)transitionContext;
- (void)pop:(id<UIViewControllerContextTransitioning>)transitionContext;

- (void)pushEnded;
- (void)popEnded;

@end

WHBaseAnimationTransitioning.m

#import "WHBaseAnimationTransitioning.h"

/// 默认动画执行时间间隔
const static NSTimeInterval WHAnimationTransitioningDuration = 0.6;

@interface WHBaseAnimationTransitioning ()

@property (nonatomic, assign) NSTimeInterval duration;
@property (nonatomic, assign) UINavigationControllerOperation transitionType;

@end

@implementation WHBaseAnimationTransitioning

- (instancetype)init {

    if (self = [self initWithType:UINavigationControllerOperationPush duration:WHAnimationTransitioningDuration]) {
    }
    return self;
}

// 主要的构造方法
- (instancetype)initWithType:(UINavigationControllerOperation)transitionType duration:(NSTimeInterval)duration {

    if (self = [super init]) {
        self.duration = duration;
        self.transitionType = transitionType;
    }
    return self;
}

+ (instancetype)transitionWithType:(UINavigationControllerOperation)transitionType {

    return [self transitionWithType:transitionType duration:WHAnimationTransitioningDuration];
}

+ (instancetype)transitionWithType:(UINavigationControllerOperation)transitionType
                          duration:(NSTimeInterval)duration {

    return [self transitionWithType:transitionType duration:duration interactivePopTransition:nil];
}

+ (instancetype)transitionWithType:(UINavigationControllerOperation)transitionType duration:(NSTimeInterval)duration interactivePopTransition:(UIPercentDrivenInteractiveTransition *)interactivePopTransition {

    WHBaseAnimationTransitioning *animationTransitioning = [[self alloc] initWithType:transitionType duration:duration];
    animationTransitioning.interactivePopTransition = interactivePopTransition;
    return animationTransitioning;
}

- (void)push:(id<UIViewControllerContextTransitioning>)transitionContext {}
- (void)pop:(id<UIViewControllerContextTransitioning>)transitionContext {}
- (void)pushEnded {}
- (void)popEnded {}

#pragma mark - UIViewControllerAnimatedTransitioning
- (NSTimeInterval)transitionDuration:(nullable id <UIViewControllerContextTransitioning>)transitionContext {

    return self.duration;
}

- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext {

    if (self.transitionType == UINavigationControllerOperationPush) {
        [self push:transitionContext];
    }
    else if (self.transitionType == UINavigationControllerOperationPop) {
        [self pop:transitionContext];
    }
}

- (void)animationEnded:(BOOL) transitionCompleted {

    if (!transitionCompleted) return;

    if (self.transitionType == UINavigationControllerOperationPush) {
        [self pushEnded];
    }
    else if (self.transitionType == UINavigationControllerOperationPop) {
        [self popEnded];
    }
}

@end

2. 具体实现动画

动画效果如下:

代码如下:

#import "WHBaseAnimationTransitioning.h"

@interface WHBackPriorViewAnimation : WHBaseAnimationTransitioning

@end

@implementation WHBackPriorViewAnimation

- (void)push:(id<UIViewControllerContextTransitioning>)transitionContext {

    UIViewController * fromVc = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController * toVc = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    NSTimeInterval duration = [self transitionDuration:transitionContext];

    CGRect bounds = [[UIScreen mainScreen] bounds];
    fromVc.view.hidden = YES;
    [[transitionContext containerView] addSubview:fromVc.snapshot];
    [[transitionContext containerView] addSubview:toVc.view];
    [[toVc.navigationController.view superview] insertSubview:fromVc.snapshot belowSubview:toVc.navigationController.view];
    toVc.navigationController.view.transform = CGAffineTransformMakeTranslation(CGRectGetWidth(bounds), 0.0);

    [UIView animateWithDuration:duration
                          delay:0
         usingSpringWithDamping:1.0
          initialSpringVelocity:0.0f
                        options:UIViewAnimationOptionCurveLinear
                     animations:^{
                         fromVc.snapshot.alpha = 0.3;
                         fromVc.snapshot.transform = CGAffineTransformMakeScale(0.965, 0.965);
                         toVc.navigationController.view.transform = CGAffineTransformMakeTranslation(0.0, 0.0);
                     }
                     completion:^(BOOL finished) {
                         fromVc.view.hidden = NO;
                         [fromVc.snapshot removeFromSuperview];
                         [toVc.snapshot removeFromSuperview];
                         [transitionContext completeTransition:YES];
                     }];
}

- (void)pop:(id<UIViewControllerContextTransitioning>)transitionContext {

    UIViewController * fromVc = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController * toVc = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    NSTimeInterval duration = [self transitionDuration:transitionContext];
    CGRect bounds = [[UIScreen mainScreen] bounds];

    [fromVc.view addSubview:fromVc.snapshot];
    fromVc.navigationController.navigationBar.hidden = YES;
    fromVc.view.transform = CGAffineTransformMakeTranslation(0.0, 0.0);

    toVc.view.hidden = YES;
    toVc.snapshot.alpha = 0.3;
    toVc.snapshot.transform = CGAffineTransformMakeScale(0.965, 0.965);

    [[transitionContext containerView] addSubview:toVc.view];
    [[transitionContext containerView] addSubview:toVc.snapshot];
    [[transitionContext containerView] sendSubviewToBack:toVc.snapshot];

    [UIView animateWithDuration:duration
                          delay:0
         usingSpringWithDamping:1.0
          initialSpringVelocity:0.1f
                        options:UIViewAnimationOptionCurveLinear
                     animations:^{
                         fromVc.view.transform = CGAffineTransformMakeTranslation(CGRectGetWidth(bounds), 0.0);
                         toVc.snapshot.alpha = 1.0;
                         toVc.snapshot.transform = CGAffineTransformIdentity;
                     }
                     completion:^(BOOL finished) {

                         toVc.navigationController.navigationBar.hidden = NO;
                         toVc.view.hidden = NO;

                         [fromVc.snapshot removeFromSuperview];
                         [toVc.snapshot removeFromSuperview];
                         fromVc.snapshot = nil;

                         // Reset toViewController's `snapshot` to nil
                         if (![transitionContext transitionWasCancelled]) {
                             toVc.snapshot = nil;
                         }

                         [transitionContext completeTransition:![transitionContext transitionWasCancelled]];
                     }];
}

@end

到此为止, 已经成功实现自定义push, pop动画.

2. 实现可交互的pop动画

交互式的动画, 这个概念太大, 这里介绍的是使用手势pop动画的实现过程.

1. 动画效果

动画效果如下所示:

2. 实现过程

手势pop动画, 主要是要监听手势变化, 然后根据手势变化更新动画. 我的实现思路是, 在BaseViewController中给控制器添加手势并监听, 如果是右滑则开始执行pop动画, 具体代码如下所示:

// 判断是否是根控制器 并添加手势
if (self.navigationController != nil && self != self.navigationController.viewControllers.firstObject) {
        UIPanGestureRecognizer *popRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePopRecognizer:)];
        [self.view addGestureRecognizer:popRecognizer];
        popRecognizer.delegate = self;
    }

#pragma mark - UIPanGestureRecognizer handlers
// 实现监听手势变化的代理方法
- (void)handlePopRecognizer:(UIPanGestureRecognizer *)recognizer {

    CGFloat progress = [recognizer translationInView:self.view].x / CGRectGetWidth(self.view.frame);
    progress = MIN(1.0, MAX(0.0, progress));

    if (recognizer.state == UIGestureRecognizerStateBegan) {

        // Create a interactive transition and pop the view controller
        self.interactivePopTransition = [[UIPercentDrivenInteractiveTransition alloc] init];

        [self.navigationController popViewControllerAnimated:YES];
    } else if (recognizer.state == UIGestureRecognizerStateChanged) {

        // Update the interactive transition's progress
        [self.interactivePopTransition updateInteractiveTransition:progress];
    } else if (recognizer.state == UIGestureRecognizerStateEnded || recognizer.state == UIGestureRecognizerStateCancelled) {

        // Finish or cancel the interactive transition
        if (progress > 0.25) {
            [self.interactivePopTransition finishInteractiveTransition];
        } else {
            [self.interactivePopTransition cancelInteractiveTransition];
        }

        self.interactivePopTransition = nil;
    }
}

- (BOOL)gestureRecognizerShouldBegin:(UIPanGestureRecognizer *)recognizer {
    return [recognizer velocityInView:self.view].x > 0;
}

BaseViewController中实现以上方法即可, 要想实现侧滑功能, 还需要实现NAVi的一个代理方法:navigationController:interactionControllerForAnimationController:, 在这个代理方法中返回遵循UIViewControllerInteractiveTransitioning协议的对象即可.

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

    return animationController.interactivePopTransition;
}

至此, 手势实现pop效果已经实现完毕, 如有任何疑问, 欢迎交流.

另有其它几种动效效果, 详见github源码.

如果您觉得本文有用, 欢迎star支持一下 ? .

源码地址: https://github.com/hell03W/SwitchControllerAnimation

后记

博文作者：hell03W

博文出处: http://my.oschina.net/whforever

github: https://github.com/hell03W

oschina: http://my.oschina.net/whforever

jianshu: http://www.jianshu.com/users/ea059360a6f6

本文版权归作者，欢迎转载，但须保留此段声明，并给出原文链接，谢谢合作！

转载于:https://my.oschina.net/whforever/blog/693367

weixin_34001430
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ios-MVC项目框架,自定义tabbar,自定义导航栏,仿微博弹出,启动广告.zip
07-11
前两天上传一个,tabbar重新自定义,仿微博,这个增加了一些小东西,不足之处请大家多指教,有时间会继续更新...
[iOS]UINavigationController全屏pop之为控制器添加左滑push
NewPan_的博客
11-23 1534
声明：我为这个框架写了三篇文章： 第一篇：[iOS]UINavigationController全屏pop之为每个控制器自定义UINavigationBar。这篇文章主要是讲述如何实现自定义导航栏的，所有的思路和实现都是 JNTian的。 第二篇：[iOS]UINavigationController全屏pop之为每个控制器添加底部联动视图。这篇文章讲述，如何在已有的自定义导航栏基础上添
UIViewController Push & Pop 的那些坑
THEWAILKINGDEAD
12-30 1393
iOS开发中，UIViewController是最常用的一个类，在Push和Pop的过程中也会经常出现一些UI卡死、App闪退的问题，本文总结了开发中遇到的一些坑。 大部分视图控制器切换导致的问题，根本原因都是使用了动画，因为执行动画需要时间，在动画未完成的时候又进行另一个切换动画，容易产生异常，假如在 Push 和 Pop 的过程不使用动画，世界会清静很多。所以本文只讨论使用了动画的视图切换。
自定义Tabbar实现push动画隐藏效果
ralbatr的专栏
08-05 8795
在之前的一篇文章(链接)中我写到了没有用UITabbarController来实现一个自定义Tabbar，当然功能也简陋了点。注意到在Weico或微信中的自定义tabbar有一个这样的功能：push到下一个页面时tabbar会被自动隐藏，下面我就来说说如何使我前面做的自定义tabbar也能实现隐藏。 如果是原生的tabbar，这个功能实现很容易。在iOS中，每个UIViewControlle
自定义UINavigationController切换动画
04-04
源码BCMagicMoveTransition，自定义UINavigationController的切换动画。效果类似 Keynote 软件中 Magic Move 切换，可以用于任意两个 UIViewController 之间，只需要前后两个 ViewController 均继承 ...
自定义UINavigationController的切换动画
04-04
源码BCMagicTransition，自定义UINavigationController的切换动画，效果类似 Keynote 软件中 Magic Move 切换，可以用于任意两个 UIViewController 之间，只需指定两个VC中的相同元素即可。 测试环境：Xcode 6.2，...
UINavigationController-SeraphExtension:UINavigationController的扩展，可以自定义pushpop动画
05-18
轻耦合的UINavigationController扩展，可以自定义push/pop动画。How to useStep 1. add the extension to your project. Just drag the "UINavigationController+SeraphExtension" folder into your xcodeStep 2. ...
iOS 自定义UINavigationController和UITabBarController
01-23
iOS 自定义UINavigationController和UITabBarController
JNAPushPopCompletionBlock：UINavigationController PushPop UIViewController的完成块
02-03
JNAPushPopCompletionBlock概要的完成块[ self .navigationController pushViewController: (nonnull UIViewController *) animated: ( BOOL )] 和[ self .navigationController popViewControllerAnimated: ( BOOL ...
iOS－－UINavigationController学习笔记三
chenyin10011991的博客
05-14 2109
UINavigationControllerDelegate之push／pop转场动画
解决UINavigationController在push到新控制器时“卡顿”问题
知更鸟CoolLee的博客
06-30 1049
今天在开发中发现从A控制器push到B控制器的时候，会有视觉上的卡顿现象，也不知为何，最后在网上找到了解决方法。 原来，在ios7之后，UIViewController的view的背景颜色默认为透明色(即clearColor)，所谓"卡顿"其实就是由于透明色重叠后，造成视觉上的错觉，所以这并不是真正的"卡顿"，但是很是影响用户体验，解决的办法其实也很简单，只需要设置B控制器view的backgr
pop push UIViewController 手势过渡动画
gukong的专栏
04-09 1079
两个 ViewController 的过渡动画，通过手势返回渐变动画。 通过手势控制动画进度，让过渡更加自然，符合用户的预期。
UINavigationController自定义，push和pop动画
a865499908的专栏
03-14 1201
我自己写的一个自定义UINavigationController，可以很方便地定制UINavigationController的navigationBar背景样式，比较炫的push和pop效果，不多说，上代码。 重写-(void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated方法，以下
UINavigationController应用之—-从无导航条push到有导航条
特立独行的猿
06-06 5604
前言:当你想在一个没有导航条的页面push到一个有导航条的页面的时候，你是否试过去隐藏前一个页面的导航条，然后push后再显示？然后看起来很有闪烁感。这里就教你如何用系统的api去完成这件事. 一、初始化一个带Navigation的控制器     此处不多讲，我用个故事板简单的建立一个,如下图： 从此图可以看出，一个带导航条的控制器，里面有一个push的按钮，
python复习（三）
qq_43710593的博客
04-29 443
类是一种面向。
python学习笔记----循环语句（四）
取个名字太难了a的博客
04-28 1126
随机数种子在生成随机数的过程中起到一个非常重要的作用。它是用于初始化随机数生成算法（伪随机数生成器）的初始值。随机数种子的作用可重复性：当你使用特定的种子值初始化随机数生成器时，即使在不同的运行环境或不同时间，生成的随机数序列都将是相同的。这对于调试和测试非常重要，因为它允许程序的行为在使用随机数时保持一致。控制随机性：种子提供了一种方法来控制随机数生成过程。通过改变种子，你可以获得不同的随机数序列，这对于模拟和其他需要随机输入的应用非常有用。
SpringBoot中实现发送邮件
最新发布
hac1322的博客
04-30 650
当你添加了spring-boot-starter-mail依赖后，Spring Boot会自动配置JavaMailSender实例，并根据application.yml文件中的属性来配置这个实例。你可以直接在需要发送邮件的地方通过@Autowired注解将JavaMailSender实例注入到你的类中，然后使用它来发送邮件。：首先，需要在你的pom.xml文件中添加Spring Boot的邮件发送器依赖。，简化了在Spring Boot应用程序中发送电子邮件的设置过程。Spring Boot的。
uinavigationcontroller
03-16
UINavigationController是iOS开发中的一个控制器，用于管理多个视图控制器的导航栈。...在使用UINavigationController时，我们可以通过push和pop等方法来管理导航栈中的视图控制器，实现页面之间的切换和返回。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值