当前位置：首页 > article >正文

导航栏透明化方案

article 2025/9/10 3:52:32

某些场景需要将导航栏完全透明化，实现这个效果有如下要求

全局性，因此考虑分类或者在基类中实现。
独立性，即不会影响其他的控制器导航的正常使用。因此考虑在viewWillAppear:设置，在viewWillDisappear:还原，这样就排除了在分类中实现的方案

代码如下:

//.h文件
#import <UIKit/UIKit.h>

@interface BaseViewController : UIViewController
/**
导航栏完全透明（包括底部的分割线）
*/
@property (nonatomic, assign) BOOL naviBarTransparent;

@end

//.m文件
#import “BaseViewController.h”

@interface BaseViewController ()

/**
当navigationController跨页面pop（即pop到上一个页面之前的页面）时，在viewWillDisappear:获取不到navigationController,因此需要一个中间变量保存
*/ @property (nonatomic, weak) UINavigationController *weakNavigationController;

@end @implementation CommonViewController

-(void)viewDidLoad {
[super viewDidLoad]; }

-(void)viewWillDisappear:(BOOL)animated{
[super viewWillDisappear:animated];
if (_naviBarTransparent == YES) {
[self translucentNaviBar:NO];
} }

-(void)viewWillAppear:(BOOL)animated{
[super viewWillAppear:animated];
_weakNavigationController = self.navigationController;
if (_naviBarTransparent == YES) {
[self translucentNaviBar:YES];
} }

-(void)translucentNaviBar:(BOOL)translucent{
if (NO == translucent) {
[_weakNavigationController.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
[_weakNavigationController.navigationBar setShadowImage:nil];
_weakNavigationController.navigationBar.barStyle = UIBarStyleDefault;
_weakNavigationController.navigationBar.translucent = NO;
}else{
UIImage *image = [UIImage new];
[_weakNavigationController.navigationBar setBackgroundImage:image forBarMetrics:UIBarMetricsDefault];
//去掉透明后导航栏下边的黑边
[_weakNavigationController.navigationBar setShadowImage:image];
_weakNavigationController.navigationBar.barStyle = UIBarStyleBlack;
_weakNavigationController.navigationBar.translucent = YES;
} }
@end