美文网首页iCoder小知识ios
自定义控制器的转场动画(Push、Pop)

自定义控制器的转场动画(Push、Pop)

作者: BradleyJohnson | 来源:发表于2015-08-12 21:41 被阅读14994次

    自iOS7之后,引进了新的API来构造UIViewController之间的转场动画,经过几天的研究,终于做出了一个小Demo,来粗浅谈谈。

    这几个API如下:

    <1.>UIViewControllerAnimatedTransitioning   动画协议

    <2>.UIViewControllerInteractiveTransitioning  交互协议

    <3>.UIViewControllerContextTransitioning      上下文协议

    <4>.UIPercentDrivenInteractiveTransition         遵守<2>协议的一个官方类

    之所以官方给出的API是协议而不是类别,给出的说法是为了灵活性,你可以在ViewController里面直接写,也可以直接另写一个类封装起来。

    进入正文:

    <1>.Push


    首先你必须写好一个有两级ViewController的Demo(注:基于UINavgationController的Push和Pop跳转),这里不是初级教学就不上这些代码。

    我们另起一个类,继承自NSObject,遵守UIViewControllerAnimatedTransitioning协议,记得导入UIKit,如下

    Push基类.h

    在.m文件中实现协议其中的两个方法:

    Push基类.m

    第一个方法返回的是动画时间,不做多言。

    第二个方法是动画的具体执行,方法的参数transitionContext遵守了UIViewControllerContextTransitioning协议,所以它包含了许多关于专场所需要的内容,包括转入ViewController和转出Viewcontroller,还有动画容器View--containerView等。

    我们点进去UIViewControllerContextTransitioning协议,可以找到许多的属性和方法,这些方法中最重要的几个方法和意义如下:

    - (UIView*)containerView;                                                          //获取容器View

    - (void)completeTransition:(BOOL)didComplete;                     //通过此参数获知动画是否结束

    - (UIViewController*)viewControllerForKey:(NSString*)key;  //获取转入、转出VC

    - (CGRect)initialFrameForViewController:(UIViewController*)vc   //获取动画前VC的frame

    - (CGRect)finalFrameForViewController:(UIViewController*)vc;    //获取动画后VC的frame

    最终的Push动画效果如图:

    Push效果


    <2>.Pop

    Pop的基类也和Push一样,只是具体动画效果代码的不同,具体就请看Demo里面啦。

    我相信到这里,大家也会有想法,既然Push和Pop基本一样,可不可以将他们放在一起呢,当然可以,只要在基类的.h文件中放置一个BOOL变量来判断再执行不同的动画就行了。

    另外,在LevelOneViewController里面,想要在跳转的时候出现自定义的动画效果,必须遵守UINavigationControllerDelegate协议,实现里面的

    - (id<UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController*)navigationController

    animationControllerForOperation:(UINavigationControllerOperation)operation

    fromViewController:(UIViewController*)fromVC

    toViewController:(UIViewController*)toVC

    方法(PS:名字有点长),

    实例化你的动画基类,然后返回就行了,系统会在跳转的时候自动询问返回值。

    NavgationDelegate Method

    Pop效果如图:

    Pop 效果

    <3>.自定义可交互转场动画

    相信大家都发现,上面的动画效果都是自动的,也就是说是不可控制不可交互的,那么我们当然也会做可交互的动画效果出来,具体有两种,如下:

    1. 基于UIPercentDrivenInteractiveTransition类别

    系统已经封装好了一个可交互的类别,遵守了UIViewControllerInteractiveTransitioning协议,这个类就是UIPercentDrivenInteractiveTransition,你可以直接在ViewController里面实例化这个类,然后完成可交互编写,也可以用一种更舒服的方式,也就是继承它,做一个子类。

    这个子类我取名为InteractionTransitionAnimation,继承自UIPercentDrivenInteractiveTransition类别,在.h文件给出一个BOOL值来判断是否在动画进行阶段,再给出一个方法,将二级ViewController写入,如下:

    InteractionTransitionAnimation

    接下来,在.m中我们来做具体实现:

    .m

    我们在内部用一个ViewController记录写入的ViewController,再用一个BOOL值来记录是否响应手势(因为我们是上下弹入弹出,为了更像真实卡片弹簧效果,我们让启动位置只在上半屏幕滑至下半屏幕才响应Pop),接着为写入的ViewController.view添加拖拽手势,然后再具体实现拖拽动画:

    拖拽具体实现

    我们在一开始的时候做出判断,只在上半屏幕响应Pop,然后在移动过程中持续的对滑动位置做判断,必须滑至下半段才允许执行Pop,在这其间我们一直用updateInteractiveTransition:方法更新Pop的滑动进度,最后在结束阶段,我们通过BOOL值的判断来完成取消这次Pop(cancelInteractiveTransition)还是完成这次Pop(finishInteractiveTransition)

    在LevelOneViewController中,添加如下方法才能完全支持这次互动拖拽:

    交互

    并且在Push阶段加上这句:

    写入

    这句的主要功能是,写入Pop的执行ViewController。

    完成后,具体的动画如下:


    interact Animation

    <2>.直接基于UIViewControllerInteractiveTransitioning协议写出一个基类

    其实我们写这个基类,更多的是增加细节部分的处理,但是一般情况下,我们用不到,所以建议大家更多的使用官方给出的UIPercentDrivenInteractiveTransition类来做交互的基类。

    当然我也完成了这个基类的书写,这里稍微偷下懒,模仿UIPercentDrivenInteractiveTransition类的封装来写了几个方法来完成UIViewControllerInteractiveTransitioning协议中得方法。

    .h 开始方法 方法的实现

    而这个自己封装的基类的使用与继承UIPercentDrivenInteractiveTransition类的子类一样。

    而动画效果也是一样。

    大家可以发现,这套API可以让我们自定义转场动画效果,并且连交互方式都能自定义,也就意味着我们能完全自定义一套配套的转场动画效果,并且有配套的交互。

    多么神奇的事情!!!

    具体的实现请上我的Github下载Demo自己看吧,浅显易懂。这次粗略的讲解就到这里了。

    https://github.com/JohnsonChouxin/JC_NavTransitionAnimation    --Github地址

    下次我们讲UIKit力学 -- UIDynamcs

    相关文章

      网友评论

      • LD_左岸:我在自定义push出来的控制器中想再push一个控制器 这次push想用系统的push能搞吗
      • 红鲤鱼蓝鲤鱼与驴:请教一个问题,[self updateInteractiveTransition:panPoint.y/self.remVc.view.bounds.size.height]
        这句话什么用?我给这句话注释后发现没什么变化啊。
        yadong:我也遇到这个问题了 你现在解决了吗?
      • 叫我逗Bee:啊哈,刚才的回复写错了,重新写下,demo内存泄露的风险,oneVC强引用popInteraction,在writeToViewcontroller方法传入一个临时的twoVC,但是在方法中popInteraction又强引用了传入进来的two导致在pop之后,无法释放two,只有在再次push的时候,popinteraction去持有了新的two,才会释放掉上一个引用的two,如果在instruments里调试,就会发现始终有一个twovc是无法被释放的
        叫我逗Bee:@TurboCoder 参考代理,如果a强引用了b,那么b如果要翻过来引用a的时候一定要weak,若引用,这样b释放的时候才不会因为有强引用的对象未释放而导致自己无法释放。如果你写过自己的protocol,或者看过比如uitableview的delegate点进去看就会发现,delegate的声明是:@property (weak, nonatomic) id<UITableviewDelegate> delegate;而我们指定delegate的时候就是指定的weak对象,如果这里的声明是strong的,就会出现vc强持有tableview,但是tableview翻过来强持有一个delegate引用vc,就会循环引用导致无法释放。
        另外就是block里的经常出现,如果block是属性或者实例变量,被self所持有,但是在block里又出现了self,就是block的循环引用了。因为block默认对所有出现在block内部的对象都会强引用,解决方法就是在block外面声明一个weak的self 具体可以google一下block循环引用~
        TurboCoder:@叫我逗Bee 这个循环引用的问题怎么解决啊?
        叫我逗Bee:@叫我逗Bee 不过思路很赞~学习了~
      • UASHS:不是present和push吗?
      • bestkayle:damo和UIDynamcs是啥。。。
      • 宇宙执政:这个转场有问题,每次pop也addView,我跑了一下内存,每次pop内存一直增
      • Coloring:大神你好,我想问下在animateTransition方法中,fromVc的动画被toVc挡住了怎么解决?比如要实现modal的动画效果
        Coloring:@叫我逗Bee 谢谢你的思路,学习了
        叫我逗Bee:@Coloring 把toVc设置透明,动画完成之后再设置不透明,可以考虑做一个快照的view,所有动画的效果都用这个快照view来展示,这个view要add到containerview中,动画完了之后直接remove掉就行,直接用fromevc或者tovc来展示动画的话还需要还原

      本文标题:自定义控制器的转场动画(Push、Pop)

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