设置导航条透明的几种方案

前言

在开发中常常会遇到将导航条设置为透明的效果,所有收集了几种方案,供君使用

• 第一种: 直接调用它的隐藏属性

// 视图即将实现
- (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];
}

总结

我在项目中使用的是第三种, 觉得用起来还可以,也达到了我想要的效果,如果觉得还可以的可以点个喜欢,还会持续更新的...