在iOS开发过程中，导航栏是最为经常用到的控件，处理不好总会出现一些瑕疵或者bug，写这篇文章旨在为自己记录平时所用有关Navigation一些操作或者说是小技巧。
下文涉及到的push逻辑都是从A页面push到B页面，我会直接以A、B介绍
一、关于返回Item
默认从A—>B(push)，B中返回按钮的title显示的是A的标题，当A的标题过长，会显示返回(back)。A标题长同时B标题也长，就会出现B标题被挤到右边了，这就尴尬了。如下图
B标题未正常显示
网上有说在A的viewWillDisappear将A的标题设置成空的，在viewDidAppear方法中再将标题设置原来的，但是这个在手势侧滑过程中显示会有问题，这里就不做演示了。
这里提供一个解决方案：让A控制器继承自BaseViewController(自己创建的控制器)，在BaseViewController做以下操作:
- (void)viewDidLoad {
[super viewDidLoad];
UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@"返回"
style:UIBarButtonItemStyleDone
target:self
action:nil];
self.navigationItem.backBarButtonItem = backItem;
}
正常显示
有时我们并不需要显示title，在上图中的“返回”设置成 nil 就可以解决问题。当然我们刚才并没有改变返回的图片都是用系统默认的，如果只是单纯的显示自定义的返回图标(需求就是这么样，有什么办法)，那么问题来了，怎么设置比较合理。以
下给出几种方案：
1、设置navigationItem的leftBarButtonItem(不推荐)
UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"navigation_back"]
style:UIBarButtonItemStylePlain
target:self
action:@selector(p_actionBack)];
self.navigationItem.leftBarButtonItem = backItem;
自定义返回按钮
只是添加leftBarButtonItem侧滑手势被禁止了，图标离左侧有一定距离，经过如下修改:
- (void)p_addBackItem {
//间隙
UIBarButtonItem *spaceItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:self action:nil];
//spaceItem宽度为负值，相当于左移
spaceItem.width = -8;
UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"navigation_back"]
style:UIBarButtonItemStylePlain
target:self
action:@selector(p_actionBack)];
self.navigationItem.leftBarButtonItems = @[spaceItem, backItem];
//设置代理，添加leftBarButtonItem系统的侧滑手势会被禁
if ([self.navigationController respondsToSelector:@selector(interactivePopGestureRecognizer)]) {
self.navigationController.interactivePopGestureRecognizer.delegate = self;
}
}
- (void)p_actionBack {
[self.navigationController popViewControllerAnimated:YES];
}
#pragma mark - UIGestureRecognizerDelegate
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {
return YES;
}
自定义
2、将title移出视图外，从而达到隐藏的效果（推荐，作用范围全局）
注意：这个需要在AppDelegate设置才有效
- (void)initBars {
UIImage *backImage = [UIImage imageNamed:@"navigation_back"];
UINavigationBar *navigationbar = [UINavigationBar appearance];
[navigationbar setBackIndicatorImage:backImage];
[navigationbar setBackIndicatorTransitionMaskImage:backImage];
[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(0, -60)
forBarMetrics:UIBarMetricsDefault];
}
设置偏移量，替换系统返回按钮
上一页标题过长
对比可以发现，第一张图是标题比较短的时候显示正常，第二张图是标题比较长的时候标题被往右挤了。
视图下查看
二、Navigation显示或隐藏
项目中一般有一两个页面比较特殊，需要隐藏导航栏或者导航栏需要根据滑动渐变，如登录页面需要隐藏导航栏。隐藏简单，拿起键盘就是干。
1、隐藏导航栏
使用[self.navigationController setNavigationBarHidden:NO animated:YES] 侧滑手势会被禁，所以需要加代理开启手势
- (void)viewDidLoad {
[super viewDidLoad];
//设置代理
if ([self.navigationController respondsToSelector:@selector(interactivePopGestureRecognizer)]) {
self.navigationController.interactivePopGestureRecognizer.delegate = self;
}
}
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
//会导致侧滑手势被禁
[self.navigationController setNavigationBarHidden:YES animated:animated];
}
- (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];
//如果该控制器没有上级控制器，建议将使用[self.navigationController setNavigationBarHidden:NO animated:animated] 效果会更好点
[self.navigationController setNavigationBarHidden:NO animated:NO];
}
#pragma mark - UIGestureRecognizerDelegate
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {
return YES;
}
2、导航栏渐变
介绍两个方法：
//隐藏导航栏，但不隐藏上面的Item
[self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init]
forBarMetrics:UIBarMetricsDefault];
//隐藏导航栏底部那条线
[self.navigationController.navigationBar setShadowImage:[[UIImage alloc] init]];
这个不做演示，推荐一个三方 LTNavigationBar
三、自定义TitleView
直接上代码
UIView *titleView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 40)];
UISwitch *switchView = [[UISwitch alloc] initWithFrame:CGRectMake(0, 0, 40, 40)];
switchView.center = titleView.center;
[titleView addSubview:switchView];
self.navigationItem.titleView = titleView;
自定义TitleView
