————————————————
谨以此文章献给NavigationBar下神秘消失的黑线
关键词：NavigationBar、TabBar、ShadowImage
在一次闲来无聊随便把玩我们这个已经做好许久的项目的时候，忽然发现了一个有趣的事情。经过一系列特定复杂操作的过程之后，NavigationBar下的那条神秘的下划线，离奇的消失了。通过使用各种“奇技淫巧”，“反复推敲”，并在“玄学”的超能力加持下，终于恍然大悟的解决了这个小的连测试都没发现的小小Bug。在此仅做一下笔记，并不讨论其中的原理，以此对遇到类似问题的同学们以参考。
神秘消失的线
由于项目比较大，并且各个模块都有专门的同事加工，所以对NavigationBar的操作避免不了的出现了一些冲突。有的让导航栏消失，有的让导航栏透明，有的自定义导航栏按钮，有的让导航栏……，这可是苦了导航栏了。
这次的错误发现经过了以下几个步骤：
1.TabA_RootVC 系统导航栏 --> 2.MWPhotoBrowser --> 3.导航栏隐藏 --> 4.Home键返回 --> 5.3DTouch进入（进入到TabB，自动跳转到MWPhotoBrowser）--> 6.MWPhotoBrowser返回到TabB_RootVC --> 7.选择TabA_RootVC
这个时候发现TabA_RooTVC里导航栏下的那条线消失了，顿时手足无措。莫名其妙的不知如何是好。
经过观察和研究，一次偶然，我发现那条神秘消失的黑线其实并没有消失，只是颜色变的和背景色及其相似，以至于没有发现的缘故。
而线条颜色的变化，可能和这一系列过程中使用的如下各种方法可能有内在的联系。
[self.navigationController.navigationBar setShadowImage:[UIImage new]];
navBar.shadowImage = nil;
[[UINavigationBar appearance] setShadowImage:[UIImage new]];
[self.navigationController.navigationBar lt_reset];
[self.navigationController.navigationBar lt_setBackgroundColor:[UIColor clearColor]];
调用了很多方法，不一而足。
说了这么多的废话，除了此时此刻的我时间充足外，还有一个原因，那就是我好想找到了解决问题的一个方法了。请参照上面第N行的一句话：“黑线其实并没有消失，只是颜色变的和背景色及其相似，以至于没有发现的缘故”。对，这就是解决问题的切入点。
那么，以下的主题可以描述为修改NavigationBar下划线的颜色。
修改NavigationBar下划线的颜色
首先，写了一个UIImage的类方法
UIImage+Common.h
/**
* 生成指定图片尺寸的纯色图片
* @param color 颜色变为图片 size 图片尺寸
* @return 新的Image
*/
+(UIImage *)imageWithColor:(UIColor *)color size:(CGSize)size;
UIImage+Common.m
+ (UIImage *)imageWithColor:(UIColor *)color size:(CGSize)size {
if (!color || size.width <=0 || size.height <=0)
return nil;
CGRect rect = CGRectMake(0.0f, 0.0f, size.width, size.height);
UIGraphicsBeginImageContextWithOptions(rect.size,NO, 0);
CGContextRef context =UIGraphicsGetCurrentContext();
CGContextSetFillColorWithColor(context, color.CGColor);
CGContextFillRect(context, rect);
UIImage *image =UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return image;
}
其次，在TabA_RootVC的viewWillAppear:方法中，或是等效的其他地方，添加如下代码：
UIImage *colorImage = [UIImage imageWithColor:[UIColor colorWithRed:0 green:0 blue:0 alpha:0.3] size:CGSizeMake(kScreen_Width, 0.34)];
[self.navigationController.navigationBar setShadowImage:colorImage];
颜色和尺寸是参照黑线没有消失的时候的状态添加的。
同样的，UITabBar上的那条线也可以通过这种方法进行修改，按照需求改变。改变成你想要的颜色。在这里，同样也要说一下将NavigationBar下的线去除的方法。
NavigationBar导航栏底部与self.view的分界线的隐藏
第一种方法：不会影响导航栏translucent 半透明的显示
#define iOS10 ([[UIDevice currentDevice].systemVersion intValue]>=10?YES:NO)
- (void)viewWillAppear:(BOOL)animated{
[super viewWillAppear:animated];
[self.navigationController.navigationBar.subviews enumerateObjectsUsingBlock:^(UIView *view, NSUInteger idx, BOOL *stop) {
if (iOS10) {
//iOS10,导航栏的私有接口为_UIBarBackground
if ([view isKindOfClass:NSClassFromString(@"_UIBarBackground")]) {
[view.subviews firstObject].hidden = YES;
}
}else{
//iOS10之前导航栏的私有接口为_UINavigationBarBackground
if ([view isKindOfClass:NSClassFromString(@"_UINavigationBarBackground")]) {
[view.subviews firstObject].hidden = YES;
}
}
}];
}
第二种方法：会删除导航栏 translucent 半透明的显示
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"你想要的图片"] forBarPosition:UIBarPositionAny barMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar setShadowImage:[UIImage new]];
第三种方法：精简版通用
- (void)viewWillAppear:(BOOL)animated{
[super viewWillAppear:animated];
if (self.navigationController.navigationBar.translucent) {
// translucent = YES
self.navigationController.navigationBar.subviews[0].subviews[1].hidden = YES;
} else {
// translucent = NO
self.navigationController.navigationBar.subviews[0].subviews[0].hidden = YES;
}
}
后记
其实，我遇到的那个问题的根本原因可能是navigationBar的barStyle这个属性的变化引起的，在viewWillAppear:方法中，将barStyle重置
self.navigationController.navigationBar.barStyle = UIBarStyleDefault;
同样可以解决此时遇到的问题，但是我还是想写一篇文章来修改修改NavigationBar下划线的颜色。不允许吗？？哼~
