在一些哀悼日，清明節(jié)的時(shí)候app會(huì)實(shí)現(xiàn)一些灰色主題功能，部分app需求是tab首頁實(shí)現(xiàn)灰色模式就可以，但一些需求是直接整個(gè)app都變?yōu)榛疑！?/p> 普通UI界面 web頁面 xib界面 attributeText加載的htmlString頁面 attachment掛件頁面實(shí)現(xiàn)方式

基本的實(shí)現(xiàn)方式1，普通頁面用hook顏色方式2.web頁面用注入灰色js實(shí)現(xiàn)方式

重新繪制圖片變?yōu)榛疑a實(shí)現(xiàn)

//image類別- (UIImage *)getGrayImage { const int RED =1; const int GREEN =2; const int BLUE =3; UIImage *image = self; // Create image rectangle with current image width/height CGRect imageRect = CGRectMake(0,0, image.size.width* image.scale, image.size.height* image.scale); int width = imageRect.size.width; int height = imageRect.size.height; // the pixels will be painted to this array uint32_t *pixels = (uint32_t*) malloc(width * height *sizeof(uint32_t)); // clear the pixels so any transparency is preserved memset(pixels,0, width * height *sizeof(uint32_t)); CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB(); // create a context with RGBA pixels CGContextRef context = CGBitmapContextCreate(pixels, width, height,8, width *sizeof(uint32_t), colorSpace, kCGBitmapByteOrder32Little | kCGImageAlphaPremultipliedLast); // paint the bitmap to our context which will fill in the pixels array CGContextDrawImage(context,CGRectMake(0,0, width, height), [image CGImage]); for(int y = 0; y < height; y++) { for(int x = 0; x < width; x++) { uint8_t *rgbaPixel = (uint8_t*) &pixels[y * width + x]; // convert to grayscale using recommended method: http://en.wikipedia.org/wiki/Grayscale#Converting_color_to_grayscale uint32_t gray = 0.3 * rgbaPixel[RED] +0.59 * rgbaPixel[GREEN] +0.11 * rgbaPixel[BLUE]; // set the pixels to gray rgbaPixel[RED] = gray; rgbaPixel[GREEN] = gray; rgbaPixel[BLUE] = gray; } } // create a new CGImageRef from our context with the modified pixels CGImageRef imageRef = CGBitmapContextCreateImage(context); // we’re done with the context, color space, and pixels CGContextRelease(context); CGColorSpaceRelease(colorSpace); free(pixels); // make a new UIImage to return UIImage *resultUIImage = [UIImage imageWithCGImage:imageRef scale:image.scale orientation:UIImageOrientationUp]; // we’re done with image now too CGImageRelease(imageRef); return resultUIImage; }文本變灰

文本textColor變?yōu)榛疑?rgb的處理有很多這里簡單提供一個(gè)

[self swizzleMethod:self orgSel:@selector(initWithRed:green:blue:alpha:) swizzSel:@selector(hdd_initWithRed:green:blue:alpha:)];+ (UIColor *)hdd_colorWithRed:(CGFloat)red green:(CGFloat)green blue:(CGFloat)blue alpha:(CGFloat)a{ CGFloat gray = red*0.299 + green*0.587 + blue*0.114; if ([CSDarkSiteManager isLocalCacheDarkSiteStatus]) { return [self hdd_colorWithRed:gray green:gray blue:gray alpha:a]; } else { return [self hdd_colorWithRed:red green:green blue:blue alpha:a]; }}

文本變灰色還牽扯到系統(tǒng)顏色的灰色處理，例如[UIcolor whiteColor],系統(tǒng)alertView彈框中的藍(lán)色按鈕顏色處理，都需要有專門的處理方法

由于xib讀取圖片不是直接通過[UIimageView imageName:@''] 加載方式 沒辦法直接通過hook setImage直接設(shè)置xib圖片變?yōu)榛疑?/p>

方法：重寫UIimageView的awakeFromNib，再去執(zhí)行hook setImage的方法進(jìn)行加載

hook webView的初始化方法，注入js灰色

+ (void)swizzHook { static dispatch_once_t onceToken; dispatch_once(&onceToken, ^{ Method originalMethod = class_getInstanceMethod([self class], @selector(initWithFrame:configuration:)); Method swizzledMethod = class_getInstanceMethod([self class], @selector(lg_initWithFrame:configuration:)); method_exchangeImplementations(originalMethod, swizzledMethod); });}- (instancetype)lg_initWithFrame:(CGRect)frame configuration:(WKWebViewConfiguration *)configuration { Class class = NSClassFromString(@'AIRWKWebView'); if ([CSDarkSiteManager isLocalCacheDarkSiteStatus] && ![self isKindOfClass:class]) { NSString *jScript = @'var filter = ’-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%) filter:grayscale(100%);’;document.getElementsByTagName(’html’)[0].style.filter = ’grayscale(100%)’;'; // 注入 WKUserScript *wkUScript = [[WKUserScript alloc] initWithSource:jScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES]; [configuration.userContentController addUserScript:wkUScript]; WKWebView *webView = [self lg_initWithFrame:frame configuration:configuration]; return webView; } else { WKWebView *webView = [self lg_initWithFrame:frame configuration:configuration]; return webView; } }

attributeText加載htmlString變灰

attribute情況下加載html不是直接通過設(shè)置color來改變顏色的，需要通過遍歷對應(yīng)的屬性進(jìn)行重新顏色進(jìn)行賦值

這樣全局修改，可能會(huì)把鍵盤的顏色也改變了需要特殊處理

系統(tǒng)顏色中，alertView中的藍(lán)色，不在定義的系統(tǒng)顏色范圍之內(nèi)需要重新加載

hook系統(tǒng)顏色的處理

需要完整的私發(fā)信息

到此這篇關(guān)于iOS整個(gè)APP實(shí)現(xiàn)灰色主題的示例代碼的文章就介紹到這了,更多相關(guān)iOS 灰色主題內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！