zoukankan      html  css  js  c++  java
  • 实现放大转场动画 from cocoachina

    原文1:http://www.cocoachina.com/ios/20160318/15714.html

    原文2:http://ningandjiao.iteye.com/blog/2049105

    iOS7定制View Controller的切换效果

    一 在iOS5和iOS6之前,View Controller的切换主要有4种

    1 Push/Pop,NavigationViewCotnroller常做的事儿

    2 Tab, TabViewController点击

    3 Present Modal,调用viewController的presentViewController:animated:completion:方法

    4 add ChildViewController,调用addChildViewController:(UIViewController *)childController方法

    注意:使用第四种方式时,一般使用transitionFromViewController:toViewController:的animation block中可以实现一些简单的切换效果,这样做有2大不足:

    1:代码高度耦合,vc切换部分的代码直接写在container中,难以分离重用。

    2:支持的切换效果比较有限,因为其职能使用UIView动画来切换,管理起来也略显麻烦。

    二 iOS7中引入一些新的api,更松耦合地定义viewController的转换效果

    从上图中可看出,新的api主要提供了2中vc切换方式。一种是动画式切换,即定义一种从一个vc到另一个vc的动画效果,切换的时候自动播放。一种交互式切换,这种方式同样需要定义动画效果,只是这个动画效果会根据跟随交互手势来切换vc并同时播放动画效果。用法略有不同。

    动画式切换:

    1 首先定义一个动画类实现接口 UIViewControllerAnimatedTransitioning,实现接口的2个方法,一个是动画效果,一个是动画时间。实现动画效果时可以从参数transitionContext中获取到切换时的上下文信息,比方说从哪个VC切换到哪个VC等。

    2 在需切换的VC中实现UIViewControllerTransitioningDelegte,并实现animationController方法,返回一个步骤1中定义的动画变量。

    3 调用展现VC切换方法,presentViewController等。

    交互式切换

    1 首先定义一个动画类实现接口 UIViewControllerInteractiveTransitioning,iOS7提供了一个默认的基于百分比的动画实现UIPercentDrivenInteractiveTransition,不想太麻烦可以直接扩展这个类。该类需要绑定需要实现手势控制的VC,同时把手势操作添加到该VC上,然后在处理手势动作的时候,调用接口中的方法去更新当前的动画进度。

    2 定以切换时的动画效果类。和动画式切换的方式一致。

    3 在需切换的VC中实现UIViewControllerTransitioningDelegate,实现interactiveController方法,返回步骤1定义的类,实现animationController方法返回步骤2定义的动画效果。

    三 实现放大效果

    要想自定义导航的push或pop效果,需要实现UINavigationControllerDelegate协议里面的

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

                                                animationControllerForOperation:(UINavigationControllerOperation)operation

                                                             fromViewController:(UIViewController *)fromVC

                                                               toViewController:(UIViewController *)toVC {

        

        return (id)[SXHTransitionAnimator new];

    }

    四 添加手势引导动画

    添加手势动画效果,需要在需要实现UINavigationControllerDelegate协议里面的另一个方法

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

    {

        return nil;

    }

    这里需要注意的是gestureRecognizer的几个状态

    1 Begin :手势被识别时时,初始化UIPercentDrivenInteractiveTransition实例对象和设置属性,比如如果是第一个VC就实现push,反之则是pop

    2 Changed:开始手势到结束手势的一个过程,上面代码中是根据偏移量改变self.interactionController的位置

    3 Ended:手势结束以后的操作,设置动画结束或者取消动画,最后将self.interactionController置为nil

    4 default:其他的状态运行你的工程

    ps: 如果有一个矩形,有一个圆,想要在这个矩形上剪出和圆大小相同的面积,那么就要用到CALayer的mask属性。

  • 相关阅读:
    读《人人都是产品经理》
    前端值得看的博客
    git 常用命令 创建查看删除分支,创建查看删除tag等
    看《如何令选择变得更加容易》
    读【失控】——众愚成智
    html5 postMessage
    下拉滚动加载更多数据
    html select用法总结
    分布式系统事务一致性解决方案
    nginx简易教程
  • 原文地址:https://www.cnblogs.com/encoreMiao/p/5291802.html
Copyright © 2011-2022 走看看