對未繪制的ViewController使用高斯模糊形成背景圖片

需求起因

某個頁面需要將一個尚未生成的頁面進行高斯模糊作為背景。

關于高斯模糊效果實現(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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,560評論 25 708
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,257評論 4 61
  • 今天早上起床天剛剛亮,又重新讀了笑來老師《付費就是撿便宜》這篇專欄,心里有很多話,也許我該說出來,畢竟愛要大聲說出...
    明軒在雨中閱讀 258評論 7 3
  • 上周出差去了公司的一個供應商那里,參觀供應商生產(chǎn)線的時候,那些操作人員正好在作業(yè),就簡單聊了聊。 01 生產(chǎn)線上的...
    Elyse_5387閱讀 1,358評論 8 16
  • Glad you came-Boyce Avenue I'm glad you came:) 所用推薦軟件網(wǎng)易云音...
    蘇這樣閱讀 348評論 0 0