需求起因
某個頁面需要將一個尚未生成的頁面進行高斯模糊作為背景。
關于高斯模糊效果實現(xiàn)方案選取:
參考資料請移步這里
最后選取Accelerate的方法,生成高斯模糊圖片耗時約0.05s
具體實現(xiàn)
//創(chuàng)建vc
SecondViewController *vc = [[SecondViewController alloc]init];
//后臺執(zhí)行:
dispatch_async(dispatch_get_global_queue(QOS_CLASS_BACKGROUND, 0), ^{
NSLog(@"begin");
//截圖
NSInteger width = vc.view.frame.size.width;
NSInteger heihgt = vc.view.frame.size.height;
CGSize size = CGSizeMake(width,heihgt);
UIGraphicsBeginImageContext(size);
[vc.view.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
//通知主線程刷新
dispatch_async(dispatch_get_main_queue(), ^{
self.imgView.image = [self blurryImage:image withBlurLevel:0.05f];
});
NSLog(@"end");
});
//毛玻璃效果。
- (UIImage *)blurryImage:(UIImage *)image withBlurLevel:(CGFloat)blur {
if (blur < 0.f || blur > 1.f) {
blur = 0.5f;
}
int boxSize = (int)(blur * 100);
boxSize = boxSize - (boxSize % 2) + 1;
CGImageRef img = image.CGImage;
vImage_Buffer inBuffer, outBuffer;
vImage_Error error;
void *pixelBuffer;
CGDataProviderRef inProvider = CGImageGetDataProvider(img);
CFDataRef inBitmapData = CGDataProviderCopyData(inProvider);
inBuffer.width = CGImageGetWidth(img);
inBuffer.height = CGImageGetHeight(img);
inBuffer.rowBytes = CGImageGetBytesPerRow(img);
inBuffer.data = (void*)CFDataGetBytePtr(inBitmapData);
pixelBuffer = malloc(CGImageGetBytesPerRow(img) *
CGImageGetHeight(img));
if(pixelBuffer == NULL)
NSLog(@"No pixelbuffer");
outBuffer.data = pixelBuffer;
outBuffer.width = CGImageGetWidth(img);
outBuffer.height = CGImageGetHeight(img);
outBuffer.rowBytes = CGImageGetBytesPerRow(img);
error = vImageBoxConvolve_ARGB8888(&inBuffer,
&outBuffer,
NULL,
0,
0,
boxSize,
boxSize,
NULL,
kvImageEdgeExtend);
if (error) {
NSLog(@"error from convolution %ld", error);
}
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
CGContextRef ctx = CGBitmapContextCreate(
outBuffer.data,
outBuffer.width,
outBuffer.height,
8,
outBuffer.rowBytes,
colorSpace,
kCGImageAlphaNoneSkipLast);
CGImageRef imageRef = CGBitmapContextCreateImage (ctx);
UIImage *returnImage = [UIImage imageWithCGImage:imageRef];
//clean up
CGContextRelease(ctx);
CGColorSpaceRelease(colorSpace);
free(pixelBuffer);
CFRelease(inBitmapData);
CGColorSpaceRelease(colorSpace);
CGImageRelease(imageRef);
return returnImage;
}
詳見demo:GaussianBlurDemo
更多
其實考慮到異步加載cell內容、數(shù)據(jù)刷新后背景圖的更新,相比于我給出的這個小demo,實現(xiàn)還要復雜一些。
下面把一些思路貼出來,就不上代碼了:
1.建議使用單例統(tǒng)一處理,回調采用不然就是通知漫天飛的情況,不利于以后的更改和管理。
2.cell全部加載完成后,再顯示背景圖,可以創(chuàng)建一個數(shù)組,放入所有待繪制圖片數(shù)據(jù)的唯一標識(建議使用url),使用SDWebImage,在繪制完成后,將數(shù)組中的唯一標識移除,當數(shù)組長度為0時,表示全部加載完畢,這樣,就可以調用單例來處理高斯模糊,并通知更換背景圖。
簡書已經(jīng)棄用,歡迎移步我的小專欄:
https://xiaozhuanlan.com/dahuihuiiOS