iOS下使状态栏颜色与H5中背景色一致

iOS 中有的页面也能会内嵌WebView，而后WebView中用H5作了一个导航，而iOS 中状态栏的颜色很难调整的与H5中导航颜色一致。以下图所示： bash

其实出现这种缘由，主要是由于使用16进制颜色，致使颜色转换出现误差。app

我这里就是由于H5中的颜色是 #3983E5，而是使用以下方法转换的UIColor有偏差：ui

+ (UIColor *) colorWithHexString: (NSString *)color
{
    NSString *cString = [[color stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]] uppercaseString];
    
    // String should be 6 or 8 characters
    if ([cString length] < 6) {
        return [UIColor clearColor];
    }
    
    // strip 0X if it appears
    if ([cString hasPrefix:@"0X"])
        cString = [cString substringFromIndex:2];
    if ([cString hasPrefix:@"#"])
        cString = [cString substringFromIndex:1];
    if ([cString length] != 6)
        return [UIColor clearColor];
    
    // Separate into r, g, b substrings
    NSRange range;
    range.location = 0;
    range.length = 2;
    
    //r
    NSString *rString = [cString substringWithRange:range];
    
    //g
    range.location = 2;
    NSString *gString = [cString substringWithRange:range];
    
    //b
    range.location = 4;
    NSString *bString = [cString substringWithRange:range];
    
    // Scan values
    unsigned int r, g, b;
    [[NSScanner scannerWithString:rString] scanHexInt:&r];
    [[NSScanner scannerWithString:gString] scanHexInt:&g];
    [[NSScanner scannerWithString:bString] scanHexInt:&b];
    
    return [UIColor colorWithRed:((float) r / 255.0f) green:((float) g / 255.0f) blue:((float) b / 255.0f) alpha:1.0f];
}

复制代码

你能够检查一下，你的项目中的H5里是否是也是用的16进制颜色。 而后原生自定义了一个把16进制颜色转换成UIColor 的方法。spa

想要使网页的导航栏颜色与状态栏颜色彻底一致，那么只须要换一种方式。code

使用RGBA颜色表示法便可。RGBA分别 是红色、绿色、蓝色、透明度。cdn

好比，我这里H5中导航栏颜色改成(1,159,239,1)，而后工程里只须要将self.view的背景色用[UIColor colorWithRed:r/255.0 green:g/255.0 blue:b/255.0 alpha:a]，表示出来便可。blog

关于这个API，通常都会定义一个简写的宏。ip

#define RGB(r, g, b, a) [UIColor colorWithRed:r/255.0 green:g/255.0 blue:b/255.0 alpha:a]
复制代码

我这里这样设置self.view的背景色：string

self.view.backgroundColor = RGB(1,159,239,1);
复制代码

网页导航栏和状态栏的颜色就彻底一致啦。it