iOS下使狀態欄顏色與H5中背景色一致

iOS 中有的頁面也能會內嵌WebView，而後WebView中用H5作了一個導航，而iOS 中狀態欄的顏色很難調整的與H5中導航顏色一致。以下圖所示：

其實出現這種緣由，主要是由於使用16進制顏色，致使顏色轉換出現誤差。

我這裏就是由於H5中的顏色是 #3983E5，而是使用以下方法轉換的UIColor有偏差：

+ (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 的方法。

想要使網頁的導航欄顏色與狀態欄顏色徹底一致，那麼只須要換一種方式。

使用RGBA顏色表示法便可。RGBA分別 是紅色、綠色、藍色、透明度。

好比，我這裏H5中導航欄顏色改成(1,159,239,1)，而後工程裏只須要將self.view的背景色用[UIColor colorWithRed:r/255.0 green:g/255.0 blue:b/255.0 alpha:a]，表示出來便可。

關於這個API，通常都會定義一個簡寫的宏。

#define RGB(r, g, b, a) [UIColor colorWithRed:r/255.0 green:g/255.0 blue:b/255.0 alpha:a]
複製代碼

我這裏這樣設置self.view的背景色：

self.view.backgroundColor = RGB(1,159,239,1);
複製代碼

網頁導航欄和狀態欄的顏色就徹底一致啦。