文档章节

再谈iOS 7的手势滑动返回功能

 北方人在上海
发布于 2016/06/08 17:39
字数 831
阅读 22
收藏 0

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

之前随手写过一篇《使用UIScreenEdgePanGestureRecognizer实现swipe to pop效果》,挺粗糙的。

现在使用默认模板创建的iOS App都支持手势返回功能,如果导航栏的返回按钮是自定义的那么则会失效,也可以参考这里手动设置无效。

 

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. if ([self.navigationController respondsToSelector:@selector(interactivePopGestureRecognizer)]) {  
  2.     self.navigationController.interactivePopGestureRecognizer.enabled = NO;  
  3. }  


如果是因为自定义导航按钮而导致手势返回失效,那么可以在NavigationController的viewDidLoad函数中添加如下代码:

 

 

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. - (void)viewDidLoad  
  2. {  
  3.     [super viewDidLoad];  
  4.     // Do any additional setup after loading the view.  
  5.       
  6.     __weak typeof (self) weakSelf = self;  
  7.     if ([self respondsToSelector:@selector(interactivePopGestureRecognizer)]) {  
  8.         self.interactivePopGestureRecognizer.delegate = weakSelf;  
  9.     }  
  10. }  


这样写了以后就可以通过手势滑动返回上一层了,但是如果在push过程中触发手势滑动返回,会导致导航栏崩溃(从日志中可以看出)。针对这个问题,我们需要在pop过程禁用手势滑动返回功能:

 

 

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. - (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated  
  2. {    
  3.     // fix 'nested pop animation can result in corrupted navigation bar'  
  4.     if ([self respondsToSelector:@selector(interactivePopGestureRecognizer)]) {  
  5.         self.interactivePopGestureRecognizer.enabled = NO;  
  6.     }  
  7.       
  8.     [super pushViewController:viewController animated:animated];  
  9. }  

 

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. - (void)navigationController:(UINavigationController *)navigationController  
  2.        didShowViewController:(UIViewController *)viewController  
  3.                     animated:(BOOL)animated  
  4. {  
  5.     if ([navigationController respondsToSelector:@selector(interactivePopGestureRecognizer)]) {  
  6.         navigationController.interactivePopGestureRecognizer.enabled = YES;  
  7.     }  
  8. }  


除了使用系统默认的动画,还可以使用自定义过渡动画(丰满的文档):

 

 

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. - (id<UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController  
  2.                                   animationControllerForOperation:(UINavigationControllerOperation)operation  
  3.                                                fromViewController:(UIViewController *)fromVC  
  4.                                                  toViewController:(UIViewController *)toVC  
  5. {  
  6.     if (operation == UINavigationControllerOperationPop) {  
  7.         if (self.popAnimator == nil) {  
  8.             self.popAnimator = [WQPopAnimator new];  
  9.         }  
  10.         return self.popAnimator;  
  11.     }  
  12.       
  13.     return nil;  
  14. }  
  15.   
  16. - (id<UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController  
  17.                          interactionControllerForAnimationController:(id<UIViewControllerAnimatedTransitioning>)animationController  
  18. {  
  19.     return self.popInteractionController;  
  20. }  
  21.   
  22. #pragma mark -   
  23.   
  24. - (void)enablePanToPopForNavigationController:(UINavigationController *)navigationController  
  25. {  
  26.     UIScreenEdgePanGestureRecognizer *left2rightSwipe = [[UIScreenEdgePanGestureRecognizer alloc]  
  27.                                                          initWithTarget:self  
  28.                                                          action:@selector(didPanToPop:)];  
  29.     //[left2rightSwipe setDelegate:self];  
  30.     [left2rightSwipe setEdges:UIRectEdgeLeft];  
  31.     [navigationController.view addGestureRecognizer:left2rightSwipe];  
  32.       
  33.     self.popAnimator = [WQPopAnimator new];  
  34.     self.supportPan2Pop = YES;  
  35. }  
  36.   
  37. - (void)didPanToPop:(UIPanGestureRecognizer *)panGesture  
  38. {  
  39.     if (!self.supportPan2Pop) return ;  
  40.       
  41.     UIView *view = self.navigationController.view;  
  42.       
  43.     if (panGesture.state == UIGestureRecognizerStateBegan) {  
  44.         self.popInteractionController = [UIPercentDrivenInteractiveTransition new];  
  45.         [self.navigationController popViewControllerAnimated:YES];  
  46.     } else if (panGesture.state == UIGestureRecognizerStateChanged) {  
  47.         CGPoint translation = [panGesture translationInView:view];  
  48.         CGFloat d = fabs(translation.x / CGRectGetWidth(view.bounds));  
  49.         [self.popInteractionController updateInteractiveTransition:d];  
  50.     } else if (panGesture.state == UIGestureRecognizerStateEnded) {  
  51.         if ([panGesture velocityInView:view].x > 0) {  
  52.             [self.popInteractionController finishInteractiveTransition];  
  53.         } else {  
  54.             [self.popInteractionController cancelInteractiveTransition];  
  55.         }  
  56.         self.popInteractionController = nil;  
  57.     }  
  58. }  


如下这个代理方法是用来提供一个非交互式的过渡动画的:

 

 

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. - (id<UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController  
  2.                                   animationControllerForOperation:(UINavigationControllerOperation)operation  
  3.                                                fromViewController:(UIViewController *)fromVC  
  4.                                                  toViewController:(UIViewController *)toVC  
  5. {  
  6.     if (operation == UINavigationControllerOperationPop) {  
  7.         if (self.popAnimator == nil) {  
  8.             self.popAnimator = [WQPopAnimator new];  
  9.         }  
  10.         return self.popAnimator;  
  11.     }  
  12.       
  13.     return nil;  
  14. }  


而下面这个代理方法则是提供交互式动画:

 

 

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. - (id<UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController  
  2.                          interactionControllerForAnimationController:(id<UIViewControllerAnimatedTransitioning>)animationController  
  3. {  
  4.     return self.popInteractionController;  
  5. }  


这两个组合起来使用。首先,我们需要有个动画:

 

 

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. @interface WQPopAnimator : NSObject <UIViewControllerAnimatedTransitioning>  
  2.   
  3. @end  

 

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. #import "WQPopAnimator.h"  
  2.   
  3. @implementation WQPopAnimator  
  4.   
  5. - (NSTimeInterval)transitionDuration:(id <UIViewControllerContextTransitioning>)transitionContext  
  6. {  
  7.     return 0.4;  
  8. }  
  9.   
  10. - (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext  
  11. {  
  12.     UIViewController *toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];  
  13.     UIViewController *fromViewController = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];  
  14.     [[transitionContext containerView] insertSubview:toViewController.view belowSubview:fromViewController.view];  
  15.       
  16.     __block CGRect toRect = toViewController.view.frame;  
  17.     CGFloat originX = toRect.origin.x;  
  18.     toRect.origin.x -= toRect.size.width / 3;  
  19.     toViewController.view.frame = toRect;  
  20.       
  21.     [UIView animateWithDuration:[self transitionDuration:transitionContext] animations:^{  
  22.         CGRect fromRect = fromViewController.view.frame;  
  23.         fromRect.origin.x += fromRect.size.width;  
  24.         fromViewController.view.frame = fromRect;  
  25.           
  26.         toRect.origin.x = originX;  
  27.         toViewController.view.frame = toRect;  
  28.     } completion:^(BOOL finished) {  
  29.         [transitionContext completeTransition:![transitionContext transitionWasCancelled]];  
  30.     }];  
  31. }  
  32.   
  33. @end  


其次,交互式动画是通过

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. UIPercentDrivenInteractiveTransition  

来维护的,在滑动过程中根据滑动距离来进行更新:

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. } else if (panGesture.state == UIGestureRecognizerStateChanged) {  
  2.         CGPoint translation = [panGesture translationInView:view];  
  3.         CGFloat d = fabs(translation.x / CGRectGetWidth(view.bounds));  
  4.         [self.popInteractionController updateInteractiveTransition:d];  

当手势结束时要做出收尾动作:

 

 

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. } else if (panGesture.state == UIGestureRecognizerStateEnded) {  
  2.         if ([panGesture velocityInView:view].x > 0) {  
  3.             [self.popInteractionController finishInteractiveTransition];  
  4.         } else {  
  5.             [self.popInteractionController cancelInteractiveTransition];  
  6.         }  
  7.         self.popInteractionController = nil;  
  8.     }  


同样地,自定义的动画也会有上面提到的导航栏崩溃问题,也可以通过类似的方法来解决:

 

 

[cpp] view plain copy

 在CODE上查看代码片派生到我的代码片

  1. - (void)navigationController:(UINavigationController *)navigationController  
  2.        didShowViewController:(UIViewController *)viewController  
  3.                     animated:(BOOL)animated  
  4. {  
  5.     if (viewController == self.navigationController.pushingViewController) {  
  6.         self.supportPan2Pop = YES;  
  7.         self.navigationController.pushingViewController = nil;  
  8.     }  

 

补充:位于当前navgationController的第一个([0])viewController时需要设置手势代理,不响应。

© 著作权归作者所有

粉丝 22
博文 187
码字总数 265578
作品 0
浦东
私信 提问
全屏手势返回插件 - BBGestureBack

BBGestureBack Full screen return gesture(全屏手势返回 滑动返回 pop 动画效果) iOS 侧滑返回 BBGestureBack iOS 全屏手势返回 滑动返回 pop 动画效果 现在市场上的主流app都有用到各种侧...

Bonway
2018/05/30
390
0
iOS 全屏侧滑手势/UIScrollView/UISlider间滑动手势冲突

一、前期准备 有一个支持全屏侧滑返回的视图控制器ViewController,ViewController.view上有一个UIScrollView,UIScrollView上有UISlider。俺直接在之前的示例Demo上演示,简书地址:iOS 自定...

且行且珍惜_iOS
2018/08/17
0
0
iOS 6来袭:苹果急需解决的七个问题

  【IT168评论】去年苹果发布iOS 5,我们看到它不仅添加了新的功能,在iCloud、iTunes Match、自定义震动提醒、网页浏览隐私安全以及无线软件更新方面也进行重大更新。今年的WWDC将会在下周...

作者:佚名
2012/06/11
0
0
论坛源码推荐(4月28日):列表项目的波浪效果 兼容iOS 6与iOS 7的自定义导航条

Flow 基于手势的教程框架,以用户熟悉的手势来驱动用户界面。灵感来自于Facebook Paper。 测试环境:Xcode 5.0,iOS 4.3以上 AMWaveTransition 带有表格的视图控制器切换效果,点击每个栏目会...

mingxun
2014/04/29
587
0
Windows8 平板 Metro 利器妄图对抗 iPad3?

MWC2012年会微软顺势发布Windows 8消费者预览版,并且在短短的24小时内下载量突破百万,全世界在这个2月的尾声感受到了自Windows 95问世至今变革幅度最大的Metro UI的独特魅力。令人印象最深...

WPDang
2012/03/04
1K
11

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周一乱弹 —— 我的视频网站vip账号和我厚脸皮的朋友们

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @Cobbage :分享小海的单曲《衡山路(2016现场版)》: 《衡山路(2016现场版)》- 小海 手机党少年们想听歌,请使劲儿戳(这里) @FalconChe...

小小编辑
今天
6
0
Spring Cloud Alibaba 实战(十二) - Nacos配置管理

> 本章主要内容是:使用Nacos管理配置以及实现配置管理的原因,配置如何管理以及动态刷新和最佳实现总结,最后是Nacos配置刷新原理解读 该技术类似于Spring Cloud Config 1 配置管理的意义 项目...

JavaEdge
今天
8
0
面试官问你编码相关的面试题,把这篇甩给他就完事!

前情回顾:Java中一个字符占两字节 但为什么new String("字").getBytes().length 返回3个字节 今天主要聊一聊: 字节 字符 字符集 编码 字符编码 Java 内码和外码 Unicode 字节 例如 :00001...

gzc426
今天
10
0
写的简单sh脚本2

#!/bin/bashexport LANG="en_US.UTF-8"#chmod +x filename 记得给文件加可执行权限#./vsimstart.sh#启动vsim项目echo "start vism"#207------------------------------assets=vsim-a......

hexiaoming123
昨天
7
0
java基础(1)变量和常量

概要和总结: 数据类型图: 基本数据类型:只有基本功能-----保存数据 (4类8种)byte-short-int-long-float-double-char-boolean 引用数据类型:有更多功能,保存数据,处理数据...

煌sir
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部