导航栏的显示和隐藏问题

需求:看不到导航栏,图片置顶

导航栏的显示和隐藏问题_第1张图片
697DED41-E0A7-474D-9764-985CD798266C.png

如果简单的隐藏导航栏或设置导航栏背景色为透明的话

- (void)viewWillAppear:(BOOL)animated{  
[super viewWillAppear:animated];    
self.navigationController.navigationBar.hidden = YES;   
}

- (void)viewWillDisappear:(BOOL)animated{    
  [super viewWillDisappear:animated];   
 self.navigationController.navigationBar.hidden = NO;
}

会出现切换时候有黑色区域,如下图


导航栏的显示和隐藏问题_第2张图片
DCA8741C-609D-44C2-9FF2-0925C360601A.png

解决方法:

1、最简单直接:注意这里一定要用动画的方式隐藏导航栏,这样在使用滑动返回手势的时候效果最好.这样做有一个缺点就是在切换tabBar的时候有一个导航栏向上消失的动画.

- (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];
}

2、设置self为导航控制器的代理,实现代理方法,在将要显示控制器中设置导航栏隐藏和显示,使用这种方式不仅完美切合滑动返回手势,同时也解决了切换tabBar的时候,导航栏动态隐藏的问题.

@interface HMNavigationController ()
@end
@implementation HMNavigationController
- (void)viewDidLoad {
    [super viewDidLoad];  
    // 设置导航控制器的代理为self
    self.navigationController.delegate = self;
}
#pragma mark - UINavigationControllerDelegate// 将要显示控制器
- (void)navigationController:(UINavigationController *)navigationController willShowViewController:(UIViewController *)viewController animated:(BOOL)animated {  
  // 判断要显示的控制器是否是自己
    BOOL isShowHomePage = [viewController isKindOfClass:[self class]];
    [self.navigationController setNavigationBarHidden:isShowHomePage animated:YES];
}
注意:问题来了,如果从一个隐藏导航栏页面切换到另一个隐藏导航栏页面的话,就会出现导航条慢慢从左往右出现的画面
导航栏的显示和隐藏问题_第3张图片
1517D610-B533-4078-B0B6-8D82CE19519B.png
最终解决方法:(导航栏的背景图用无色透明的图片,下面是用重新画的一张图片,此时导航栏虽然看不到,实际上是变成了无色透明的了,其实还是存在的,而且还可以继续设置UIBarButtonItem)
- (void)setNavigationBar {
    [self.navigationController.navigationBar setBackgroundImage:[UIImage imageWithColor:[UIColor clearColor]] forBarMetrics:UIBarMetricsDefault];
    [self.navigationController.navigationBar setShadowImage:[UIImage imageWithColor:[UIColor clearColor]]];
}
+ (UIImage *)imageWithColor:(UIColor *)color;{
    CGRect rect = CGRectMake(0, 0, 1, 1);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context,color.CGColor);
    CGContextFillRect(context, rect);
    UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return img;
}
并且从一个无导航栏也面切换到另一个无导航栏页面也是可以的,效果图如下:
导航栏的显示和隐藏问题_第4张图片
abc.jpg

你可能感兴趣的:(导航栏的显示和隐藏问题)