前言
在开发中常常会遇到将导航条设置为透明的效果,所有收集了几种方案,供君使用
- 第一种: 直接调用它的隐藏属性
// 视图即将实现
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];]
[self.navigationController setNavigationBarHidden:YES animated:YES];
}
// 视图即将消失
- (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];
[self.navigationController setNavigationBarHidden:NO animated:YES];
}
注意点: 使用这个方法是可以将导航条设置为透明, 但是有一个缺点,就是当push大盘另一个控制器时, 该控制器的的导航条会有一个动画的显示, 客户体验不是很好
- 第二种: 在代理方法中设置它的隐藏属性
#import "ViewController.h"
#import "WGViewController.h"
// 遵守代理
@interface ViewController ()<UINavigationControllerDelegate>
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// 设置代理
self.navigationController.delegate = self;
}
// 跳转界面
- (IBAction)jump {
WGViewController *Vc = [[WGViewController alloc] init];
Vc.view.backgroundColor = [UIColor yellowColor];
[self.navigationController pushViewController:Vc animated:YES];
}
#pragma mark - UINavigationControllerDelegate
// 即将显示的导航控制器
- (void)navigationController:(UINavigationController *)navigationController willShowViewController:(UIViewController *)viewController animated:(BOOL)animated
{
// 是否要隐藏导航条(判断要显示导航条的控制器是否是自己)
BOOL isShowViewController = [viewController isKindOfClass:[self class]];
[self.navigationController setNavigationBarHidden:isShowViewController animated:YES];
}
@end
- 第三种: 添加一张空的图片到导航条上
- (void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
// 设置导航栏为透明,其原理就是传入一个没有图片,但又不为空的UIImage给导航栏
[self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
// 把导航栏上的分隔线用一个没有图片,但又不为空的UIImage给覆盖掉
[self.navigationController.navigationBar setShadowImage:[UIImage new]];
}
如果需要跳转到下一个控制器,但是下一个控制器又不需要隐藏,可以在- (void)viewWillDisappear:(BOOL)animated 方法中设置上面的代码,只需要将[UIImage new]设置为nil即可
最优方案:
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
[self.navigationController setNavigationBarHidden:YES animated:YES];
}
-(void)viewWillDisappear:(BOOL)animated{
[super viewWillDisappear:animated];
[self.navigationController setNavigationBarHidden:NO animated:YES];
}
