iOS 导航栏自带页面右滑pop使用示例

iOS7之后苹果导航控制器增加了一个左侧边缘右滑pop的手势,在非栈底的控制器里面,从左边右滑之后相当于出栈(pop)样子。

以下设置均在自定义的UINavigationController里操作

// 默认是YES 设置为NO左侧右滑手势就不可用了
self.interactivePopGestureRecognizer.enabled = YES;

也可以通过手势实现右滑

遵守UIGestureRecognizerDelegate协议,设置代理对象,实现一下代理方法即可:

-(void)viewDidAppear:(BOOL)animated {
  [super viewDidAppear:animated];
  self.navigationController.interactivePopGestureRecognizer.delegate = self;
}
#pragma mark - UIGestureRecognizerDelegate
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer
{
  if (self.viewControllers.count <= 1) {
    return NO;
  }
  return YES;
}

个人的记忆方法:

backBarButtonItem设置下一个页面的返回按钮

leftBarButtonItem设置当前页面的返回按钮

项目中我们多数会自定义左侧返回按钮leftBarButtonItem,这个时候就算设置self.interactivePopGestureRecognizer.enabled = YES了或者实现手势的代理,左边缘的右滑动手势依旧会失效,例如如下代码写过之后,可以验证一下,失效了。

- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
  if (self.viewControllers.count > 0) {
    /* 不是栈底控制器的时候隐藏tabbar */
    viewController.hidesBottomBarWhenPushed = YES;
    // 设置左边的返回按钮leftBarButtonItem
    UIButton *backBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    backBtn.frame = CGRectMake(0, 0, 44, 44);
    backBtn.imageView.contentMode = UIViewContentModeCenter;
    backBtn.contentEdgeInsets = UIEdgeInsetsMake(0, 0, 0, 34);
    [backBtn setImage:[UIImage imageNamed:@"rrrr"] forState:UIControlStateNormal];
    [backBtn setImage:[UIImage imageNamed:@"rrrr"] forState:UIControlStateHighlighted];
    [backBtn addTarget: self action: @selector(back) forControlEvents: UIControlEventTouchUpInside];
    UIBarButtonItem *backBtnItem=[[UIBarButtonItem alloc]initWithCustomView:backBtn];
    viewController.navigationItem.leftBarButtonItem = backBtnItem;
// 此处改为设置backBarButtonItem 右滑手势可以用,但自定义按钮不展示!!
  }
  [super pushViewController:viewController animated:animated];
}

按照如下方式设置backBarButtonItem或leftBarButtonItem,其他不做任何设置,右滑效果可用:

- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
  if (self.viewControllers.count > 0) {
    /* 不是栈底控制器的时候隐藏tabbar */
    viewController.hidesBottomBarWhenPushed = YES;
  }
  [self.navigationBar setBackIndicatorImage:[UIImage imageNamed:@"rrrr"]];
  [self.navigationBar setBackIndicatorTransitionMaskImage:[UIImage imageNamed:@"rrrr"]];
  UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];
  self.navigationItem.backBarButtonItem = backItem;
  [super pushViewController:viewController animated:animated];
}

或者

- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
  if (self.viewControllers.count > 0) {
    /* 不是栈底控制器的时候隐藏tabbar */
    viewController.hidesBottomBarWhenPushed = YES;
    [self.navigationBar setBackIndicatorImage:[UIImage imageNamed:@"rrrr"]];
    [self.navigationBar setBackIndicatorTransitionMaskImage:[UIImage imageNamed:@"rrrr"]];
    UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];
    self.navigationItem.leftBarButtonItem = backItem;
  }
  [super pushViewController:viewController animated:animated];
}

进过上面的反复测试:在自定义导航栏控制器中backBarButtonItem不能用View视图方法自定义,而leftBarButtonItem可以。

setBackIndicatorImage和setBackIndicatorTransitionMaskImage无论怎么设置都是只能看到setBackIndicatorImage的图片,找不到原因!!!

然后尝试直接在root视图控制器里面设置返回按钮backBarButtonItem的自定义view,右滑手势可用,但是设置leftBarButtonItem就不能使用右滑手势:

- (void)viewDidLoad {
  [super viewDidLoad];
  // 设置左边的返回按钮
  UIButton *backBtn = [UIButton buttonWithType:UIButtonTypeCustom];
  backBtn.frame = CGRectMake(0, 0, 44, 44);
  backBtn.imageView.contentMode = UIViewContentModeCenter;
  backBtn.contentEdgeInsets = UIEdgeInsetsMake(0, 0, 0, 34);
  [backBtn setImage:[UIImage imageNamed:@"rrrr"] forState:UIControlStateNormal];
  [backBtn setImage:[UIImage imageNamed:@"rrrr"] forState:UIControlStateHighlighted];
  [backBtn addTarget: self action: @selector(back) forControlEvents: UIControlEventTouchUpInside];
  backBtn.backgroundColor = [UIColor redColor];

  [self.navigationController.navigationBar setBackIndicatorImage:[UIImage imageNamed:@"rrrr"]];
  [self.navigationController.navigationBar setBackIndicatorTransitionMaskImage:[UIImage imageNamed:@"rrrr"]];
  UIBarButtonItem *backBtnItem=[[UIBarButtonItem alloc]initWithCustomView:backBtn];
  backBtnItem.title = @"";
  self.navigationItem.backBarButtonItem = backBtnItem;
  }

以上是自己的验证,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • iOS中导航栏pop返回时出现黑块问题的解决方法

    前言 苹果在iOS7以后给导航控制器加了一个Pop手势,只要手指在屏幕边缘滑动,当前的控制器的视图就会随着你的手指移动,当用户松手后,系统会判断手指拖动出来的大小来决定是否要执行控制器的pop操作. 这个想法非常棒,但最近在使用中发现了一些问题,下面话不多说了,来一起看看详细的介绍吧. 问题描述: 导航栏正常从A页面push到B页面,从B页面pop返回A页面时遇到过渡过程中导航栏出现黑块的问题. 如截图所示: 问题原因: A界面导航栏被影藏,B页面的导航栏存在.过渡的时候没有动画. 解决方案:

  • iOS 导航栏自带页面右滑pop使用示例

    iOS7之后苹果导航控制器增加了一个左侧边缘右滑pop的手势,在非栈底的控制器里面,从左边右滑之后相当于出栈(pop)样子. 以下设置均在自定义的UINavigationController里操作 // 默认是YES 设置为NO左侧右滑手势就不可用了 self.interactivePopGestureRecognizer.enabled = YES; 也可以通过手势实现右滑 遵守UIGestureRecognizerDelegate协议,设置代理对象,实现一下代理方法即可: -(void)vi

  • iOS导航栏控制的一些总结

    前言 许久不写UI,对UI的很多东西都生疏了,最近使用导航栏的各种场景做一些总结. 1.导航栏的显示与隐藏 导航栏的显示与隐藏,分两种情况: 1.从不显示导航栏的页面push到显示导航栏的页面. 2.从显示导航栏的页面Push到不显示导航栏的页面. 注意: 1.如果导航栏不显示时,系统的侧滑返回功能无效. 2.虽然侧滑返回功能无效,但是导航栏的 .interactivePopGestureRecognizer.delegate还是存在的. 针对以上两种情况分别处理,整个Push过程都假设是从A页

  • iOS 导航栏无缝圆滑的隐藏 Navigationbar实例代码

    1.ViewController .m - (void)viewDidLoad { [super viewDidLoad]; self.title = @"隐藏导航栏"; UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; button.backgroundColor = [UIColor lightGrayColor]; button.frame = CGRectMake(10, 100, 60, 30);

  • Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果

    Bootstrap是Twitter推出的一个用于前端开发的开源工具包.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架. Bootstrap 是最受欢迎的 HTML.CSS 和 JS 框架,用于开发响应式布局.移动设备优先的 WEB 项目. $(function () { $(".dropdown").mouseover(function () { $(this).addClass("open"); })

  • 关于iOS导航栏返回按钮问题的解决方法

    最近遇到一个关于导航栏返回按钮的问题,因为之前项目里面都是用的系统默认的返回按钮样式所以没有想过要去更改,后来有需要将返回按钮箭头旁边的文字去掉,同时将该返回按钮的点击事件重新定义.一开始尝试自定义按钮然后设置为leftBarButtonItem,但是这样图片可能跟系统自带的不一样,还有就是返回按钮的位置跟系统自带的不一样.后来找了一些资料,发现将文字去掉比较简单,一般做法是控制器中添加如下代码,然后他的下一级控制就有一个只有箭头没有文字返回按钮: 复制代码 代码如下: UIBarButtonI

  • 简单好用的iOS导航栏封装.runtime属性控制实例代码

    前言 本文主要给大家介绍一个不错的导航栏控制工具,可以大大的简化代码,并保留系统特性,不用自定义导航栏,不用继承base. 下面话不多说了,来一起看看详细的介绍吧 UIViewController+YINNav 效果 @interface UIViewController (YINNav) /** 控制屏幕方向 在appdelegate 实现 - (UIInterfaceOrientationMask)application:(UIApplication *)application suppor

  • iOS导航栏对控制器view的影响详解

    前言 当我们设置导航栏的某些属性的时候会导致控制器View的布局不是从window的 (0,0)点开始布局,会从导航栏底部开始布局,而此时在 viewDidLoad 中 获取到View的frame 确实从(0,0)开始的,只有在 viewDidAppear中才能获取到 view 最终的实际 frame 一些属性 在了解 UINavigationBar之前,有必要了解 UINavigationBar 的一些属性 ///默认 default 半透明 black 黑色 open var barStyl

  • android 右滑返回的示例代码

    类似于微信的右滑返回,在BaseActivity里利用dispatchTouchEvent()拦截右滑动作,利用setTranslationX()实现动画,在DecorView里添加View作为滑动时的左侧阴影. 渐进步骤: 设置activity背景透明 重写finish()等方法设置activity的跳转动画 重写dispatchTouchEvent()拦截 所需要 右滑动作 重写onTouchEvent()给根布局设置偏移量 添加滑动时上层activity的左侧阴影 滑动时关联下层activ

  • iOS中导航栏的基本使用汇总

    一.设置导航栏样式 设置导航栏的样式可分为全局设置与局部设置: 1.全局设置 全局设置一般的都是在AppDelegate中设置,这样整个app都会生效,相关的代码与效果图如下: //1.设置导航栏背景颜色 [[UINavigationBar appearance] setBarTintColor:[UIColor orangeColor]]; //2.设置导航栏背景图片 [[UINavigationBar appearance] setBackgroundImage:[UIImage image

  • iOS开发之导航栏各种右滑返回失效的解决方法汇总

    前言 众所周知iOS 的几乎全部页面都是需要右滑返回的,否则用户体验会大打折扣,但是在开发过程中经常会碰到某些页面右滑返回失效的情况,下面记录一下各种情况下右滑返回失效的解决方法. 下面话不多说了,来随着小编一起学习学习吧 自定义返回按钮时失效 当你重写 self.navigationItem.leftBarButtonItem 之后,自带的返回按钮就会被覆盖,右滑返回就会失效,解决办法只要加入下面这句代码即可. - (void)viewDidLoad { [super viewDidLoad]

随机推荐