美文网首页iOS开发-动画iOS渲染和动画
iOS-OC-可交互自定义转场动画,带你填坑

iOS-OC-可交互自定义转场动画,带你填坑

作者: yadong | 来源:发表于2017-11-03 15:52 被阅读193次

    上一章写了不可交互的自定义转场动画,这一章写写可交互的自定义转场动画,先来效果图。


    可交互自定义转场动画

    进入正题

    可交互转场主要依赖于UIPercentDrivenInteractiveTransition这个类,顾名思义百分比推动互动转场。

    第一步:我们首先要声明变量,并初始化

    @property (nonatomic,strong)UIPercentDrivenInteractiveTransition *interactive;
    
    self.interactive = [[UIPercentDrivenInteractiveTransition alloc]init];
    

    第二步:创建手势

    -(void)Pan:(UIPanGestureRecognizer *)recognizer{
        CGPoint translatedPoint = [recognizer translationInView:self.view];
        CGFloat persent =  translatedPoint.x /  [[UIScreen mainScreen]bounds].size.width;
        persent = fabs(persent);
        switch (recognizer.state) {
            case UIGestureRecognizerStateBegan:{
                self.isClickPush = NO;
                [self.navigationController popViewControllerAnimated:YES];
                break;
            }
            case UIGestureRecognizerStateChanged:{
                //手势过程中,通过updateInteractiveTransition设置pop过程进行的百分比
                [self.interactive updateInteractiveTransition:persent];
                break;
            }
            case UIGestureRecognizerStateEnded:{
                //手势完成后结束标记并且判断移动距离是否过半,过则finishInteractiveTransition完成转场操作,否者取消转场操作
                if (persent > 0.5) {
                    [self.interactive finishInteractiveTransition];
                }else{
                    [self.interactive cancelInteractiveTransition];
                }
                break;
            }
            default:
                break;
        }
    }
    

    第三步:在代理中实现
    需要注意的是:我们是在另外一个界面进行的自定义转场,那么我们的Navigation的协议也需要遵循我们当前界面的协议。我相信聪明的老铁会意识到一个问题,我们控制器所用到Navigation都是使用的同一个,那我在当前界面修改了Navigation的协议,当我返回到上一层界面时,Navigation的协议是否会有错误。答案是肯定会有的。那就是导致下一次转场动画失效,如下图:


    错误示例

    既然知道了问题所在,那么写起来就方便多了,我们只需要在两个界面的viewDidApper中实现代理方法就可以了

    -(void)viewDidAppear:(BOOL)animated{
        [super viewDidAppear:animated];
        self.isClickPush = YES;
        self.navigationController.delegate = self;
    }
    

    第四步:在代理中实现方法

    #pragma mark 自定义转场动画
    - (id<UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController animationControllerForOperation:(UINavigationControllerOperation)operation fromViewController:(UIViewController *)fromVC toViewController:(UIViewController *)toVC{
        if (operation == UINavigationControllerOperationPop) {
            return self.animatedTransitioning;//你设置的动画
        }
        return nil;
    }
    #pragma mark 交互自定义转场动画的代理方法
    - (id<UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController interactionControllerForAnimationController:(id<UIViewControllerAnimatedTransitioning>)animationController{
        if (self.isClickPush) {
            return nil;
        }else{
            return self.interactive;
        }
    }
    

    写到这里的话其实已经大公告成啦,但是有老铁会注意到self.isClickPush出现了多次,他的用意何在呢?其实如果在这里不注意的话,那就掉到了一个大坑里面去了。首先我来说说我对Navigation的两个代理方法的理解吧。

    - (nullable id <UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController
                                       animationControllerForOperation:(UINavigationControllerOperation)operation
                                                    fromViewController:(UIViewController *)fromVC
                                                      toViewController:(UIViewController *)toVC
    
    - (nullable id <UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController
                              interactionControllerForAnimationController:(id <UIViewControllerAnimatedTransitioning>) animationController 
    

    这两个方法是在程序要进行转场之前运行的,深入点的话:当程序进行转场之前,无论你是自定义转场动画,还是可交互的自定义转场动画,亦或是系统自带的转场,统统都会先跑这两个方法。
    既然知道了这个,我们也不难发现了,如果我们使用navigation自带的返回按钮返回上一层的话,也会运行这两个代理方法,如果不加self.isClickPush进行判断的话,那就会直接return self.interactive导致程序Crash。而通过判断return nil实际也就是使用系统自身的转场了。
    我这里写了一个小小的示例代码:老铁们可以跟着代码边看边敲边理解。链接:https://github.com/HYDupup/AnimatedTransition--

    另外我自己写封装一个开源的代码,包含了几种有意思的酷炫且实用的转场动画,操作简单,只需引入头文件,并在UIViewControllerAnimatedTransitioning代理中初始化就OK啦。
    链接:https://github.com/HYDupup/YDAnimatedTransition,内附效果图和使用方法,如果好用的话请帮我点个Star哦。直接在Podfile添加pod 'YDAnimatedTransition'也可以哦~

    如果各位有什么有趣的酷炫的转场设计,也可以在下面留言,我可以和大家一起实现,

    相关文章

      网友评论

      本文标题:iOS-OC-可交互自定义转场动画,带你填坑

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