导航栏透明化方案

红太狼 2022-04-13 12:20 177阅读 0赞

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

*  全局性，因此考虑分类或者在基类中实现。
 *  独立性，即不会影响其他的控制器导航的正常使用。因此考虑在`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