iOS 修改NavigationBar下划线的颜色

————————————————
谨以此文章献给NavigationBar下神秘消失的黑线

关键词：NavigationBar、TabBar、ShadowImage

在一次闲来无聊随便把玩我们这个已经做好许久的项目的时候，忽然发现了一个有趣的事情。经过一系列特定复杂操作的过程之后，NavigationBar下的那条神秘的下划线，离奇的消失了。通过使用各种“奇技淫巧”，“反复推敲”，并在“玄学”的超能力加持下，终于恍然大悟的解决了这个小的连测试都没发现的小小Bug。在此仅做一下笔记，并不讨论其中的原理，以此对遇到类似问题的同学们以参考。

神秘消失的线

导航栏下的线_显示.png

导航栏下的线_消失.png

---

由于项目比较大，并且各个模块都有专门的同事加工，所以对NavigationBar的操作避免不了的出现了一些冲突。有的让导航栏消失，有的让导航栏透明，有的自定义导航栏按钮，有的让导航栏……，这可是苦了导航栏了。
这次的错误发现经过了以下几个步骤：
1.TabA_RootVC 系统导航栏 --> 2.MWPhotoBrowser --> 3.导航栏隐藏 --> 4.Home键返回 --> 5.3DTouch进入（进入到TabB，自动跳转到MWPhotoBrowser）--> 6.MWPhotoBrowser返回到TabB_RootVC --> 7.选择TabA_RootVC
这个时候发现TabA_RooTVC里导航栏下的那条线消失了，顿时手足无措。莫名其妙的不知如何是好。
经过观察和研究，一次偶然，我发现那条神秘消失的黑线其实并没有消失，只是颜色变的和背景色及其相似，以至于没有发现的缘故。

导航栏下的线_显示时信息.png

导航栏下的线_消失时信息.png

而线条颜色的变化，可能和这一系列过程中使用的如下各种方法可能有内在的联系。

[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下划线的颜色。不允许吗？？哼~