iOS 自定义转场动画, nav的push/pop自定义动画

本文记录分享下自定义转场动画的实现方法，具体到动画效果：新浪微博图集浏览转场效果、手势过渡动画、网易音乐启动屏转场动画、开关门动画、全屏侧滑返回效果的代码可以到Github WSLTransferAnimation下载查看，注释还算清晰。

模态化present和dismiss 自定义转场

1、创建一个遵循<UIViewControllerAnimatedTransitioning>协议的动画过渡管理对象，并实现如下两个方法：

//返回动画事件
- (NSTimeInterval)transitionDuration:(nullable id <UIViewControllerContextTransitioning>)transitionContext{return 0.3;
}
//所有的过渡动画事务都在这个方法里面完成
- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext{//取出转场前后的视图控制器UIViewController * fromVC = (UIViewController *)[transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];UIViewController * toVC = (UIViewController *)[transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];//取出转场前后视图控制器上的视图viewUIView * toView = [transitionContext viewForKey:UITransitionContextToViewKey];UIView * fromView = [transitionContext viewForKey:UITransitionContextFromViewKey];//这里有个重要的概念containerView，要做转场动画的视图就必须要加入containerView上才能进行，可以理解containerView管理着所有做转场动画的视图UIView *containerView = [transitionContext containerView];//如果加入了手势交互转场，就需要根据手势交互动作是否完成/取消来做操作，完成标记YES，取消标记NO，必须标记，否则系统认为还处于动画过程中，会出现无法交互之类的bug[transitionContext completeTransition:![transitionContext transitionWasCancelled]];if ([transitionContext transitionWasCancelled]) { //如果取消转场}else{//完成转场}
}

2、自定义一个继承于UIPercentDrivenInteractiveTransition的手势过渡管理对象，可以根据手势需要设置控制动画转场进度的百分比。

//必要调用实现的系统方法//手势过程中，通过updateInteractiveTransition设置转场过程动画进行的百分比，然后系统会根据百分比自动布局动画控件，不用我们控制了[self updateInteractiveTransition:percentComplete];
//完成转场操作[self finishInteractiveTransition];
//取消转场操作[self cancelInteractiveTransition];

3、转场时最上层的视图控制器需要遵循<UIViewControllerTransitioningDelegate>的协议，并设置为代理，并实现如下代理方法：

//设置转场代理
self.transitioningDelegate = self;#pragma mark -- UIViewControllerTransitioningDelegate//返回一个处理present动画过渡的对象
-(id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source{return self.transitionAnimation;
}
//返回一个处理dismiss动画过渡的对象
- (id<UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed{//这里我们初始化dismissTypeself.transitionAnimation.transitionType = WSLTransitionOneTypeDissmiss;return self.transitionAnimation;
}
//返回一个处理present手势过渡的对象
- (nullable id <UIViewControllerInteractiveTransitioning>)interactionControllerForPresentation:(id <UIViewControllerAnimatedTransitioning>)animator{return self.transitionInteractive;
}
//返回一个处理dismiss手势过渡的对象
- (nullable id <UIViewControllerInteractiveTransitioning>)interactionControllerForDismissal:(id <UIViewControllerAnimatedTransitioning>)animator{return self.transitionInteractive;
}

导航控制器push和pop 自定义转场

1、略...同上
2、略... 同上
3、在push动画之前设置导航控制器的转场动画代理，转场时最上层的视图控制器需要遵循<UINavigationControllerDelegate>的协议，并设置为代理，并实现如下代理方法：

 //在push动画之前设置转场动画代理self.navigationController.delegate = animationFour;#pragma mark -- UINavigationControllerDelegate
//返回处理push/pop动画过渡的对象
- (nullable id <UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationControlleranimationControllerForOperation:(UINavigationControllerOperation)operationfromViewController:(UIViewController *)fromVCtoViewController:(UIViewController *)toVC{if (operation == UINavigationControllerOperationPush) {self.transitionAnimation.transitionType = WSLTransitionTwoTypePush;return self.transitionAnimation;}else if (operation == UINavigationControllerOperationPop){self.transitionAnimation.transitionType = WSLTransitionTwoTypePop;}return self.transitionAnimation;
}//返回处理push/pop手势过渡的对象 这个代理方法依赖于上方的方法 ，这个代理实际上是根据交互百分比来控制上方的动画过程百分比
- (nullable id <UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationControllerinteractionControllerForAnimationController:(id <UIViewControllerAnimatedTransitioning>) animationController{//手势开始的时候才需要传入手势过渡代理，如果直接pop或push，应该返回nil，否者无法正常完成pop/push动作if ( self.transitionAnimation.transitionType == WSLTransitionTwoTypePop) {return self.transitionInteractive.isInteractive == YES ? self.transitionInteractive : nil;}return nil;
}

全屏侧滑返回

创建一个继承于UINavigationController的一个对象WSLNavigatioController，遵守协议<UIGestureRecognizerDelegate>,实现如下方法：

  // 获取系统自带滑动手势的target对象id target = self.interactivePopGestureRecognizer.delegate;// 创建全屏滑动手势，调用系统自带滑动手势的target的action方法UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:target action:@selector(handleNavigationTransition:)];// 设置手势代理，拦截手势触发pan.delegate = self;// 给导航控制器的view添加全屏滑动手势[self.view addGestureRecognizer:pan];// 禁止使用系统自带的滑动手势self.interactivePopGestureRecognizer.enabled = NO;#pragma mark -- UIGestureRecognizerDelegate
// 什么时候调用：每次触发手势之前都会询问下代理，是否触发。
// 作用：拦截手势触发
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer
{// 注意：只有非根控制器才有滑动返回功能，根控制器没有。// 判断导航控制器是否只有一个子控制器，如果只有一个子控制器，肯定是根控制器if (self.childViewControllers.count == 1) {// 表示用户在根控制器界面，就不需要触发滑动手势，return NO;}return YES;
}

解决UIScrollView的滑动手势与全屏侧滑手势的冲突

创建一个UIScrollView的类别UIScrollView+GestureConflict，重写如下方法：

-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{// 首先判断otherGestureRecognizer是不是系统pop手势if ([otherGestureRecognizer.view isKindOfClass:NSClassFromString(@"UILayoutContainerView")]) {// 再判断系统手势的state是began还是fail，同时判断scrollView的位置是不是正好在最左边if (otherGestureRecognizer.state == UIGestureRecognizerStateBegan && self.contentOffset.x == 0) {return YES;}}return NO;
}

更新于 2018/8/17 iOS 全屏侧滑手势/UIScrollView/UISlider间滑动手势冲突

iOS 自定义转场动画, nav的push/pop自定义动画相关推荐

ios 动画隐藏tabbar_iOS_自定义转场TabBar的隐藏动画
摘要实现同iOS 11 App Store Today相似的转场效果.本文尝试解决转场(Transition)过程中TabBar的隐藏(向下滑出屏幕). tabbar_ani_slow.gif 遇到 ...
iOS 自定义转场动画实现小红书的push效果思路以及下雪碎屏等动画的实现
感觉好久没写会动的Demo了,前几天写了很久的Block源码分析,分析了几天整个人都不好了,都不知道block是什么了......,有需要的同学可以去看看,简直不要太简单Block是什么鬼毕竟也是做电 ...
iOS自定义转场动画（1）——自定义Push转场动画
版本:Xcode 7.0.1 语言:Objective-C 转场动画就是viewController之间切换的动画. 主要有以下三种自定义方法: 列Push & Pop Modal Segue ...
iOS 自定义转场动画初探
最近项目刚迭代,正好闲下来捣鼓了一下iOS的自定义转场的效果.闲话不多说,直接开始上代码吧.(ps:请忽略实际的转场效果,关注技术本身呢哦.pps:主要是转场的动画做的比较low啦!) 1.首先定义一 ...
iOS 自定义转场动画浅谈
代码地址如下: http://www.demodashi.com/demo/11612.html 路漫漫其修远兮,吾将上下而求索前记想研究自定义转场动画很久了,时间就像海绵,挤一挤还是有的,花了差 ...
iOS 关于自定义转场动画,以UITabBarController为例
1.小记关于自定义转场动画,只要你理清他的"套路",你就可以随心所欲地自定义了. 大体思路就是:遵守对应的代理协议,然后设置对应的代理,实现代理方法,这个代理方法要返回的值就是你 ...
iOS开发 tabbar自定义转场动画
1.小记关于自定义转场动画,只要你理清他的"套路",你就可以随心所欲地自定义了. 大体思路就是:遵守对应的代理协议,然后设置对应的代理,实现代理方法,这个代理方法要返回的值就是你 ...
VCTransitionsLibrary –自定义iOS交互式转场动画的库
简介 VCTransitionsLibrary 提供了许多适用于入栈,出栈,模态等场景下控制器切换时的转场动画.它本身提供了一个定义好的转场动画库,你可以拖到自己工程中直接使用;也提供了许多拥有不同转 ...
iOS自定义转场动画实战讲解
转场动画这事,说简单也简单,可以通过presentViewController:animated:completion:和dismissViewControllerAnimated:completio ...

iOS 自定义转场动画, nav的push/pop自定义动画

模态化present和dismiss 自定义转场

导航控制器push和pop 自定义转场

全屏侧滑返回

iOS 自定义转场动画, nav的push/pop自定义动画相关推荐

最新文章

热门文章