上一章写了不可交互的自定义转场动画,这一章写写可交互的自定义转场动画,先来效果图。
可交互自定义转场动画
进入正题
可交互转场主要依赖于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'也可以哦~
如果各位有什么有趣的酷炫的转场设计,也可以在下面留言,我可以和大家一起实现,
网友评论