iOS 開發(fā)_UIImage毛玻璃效果(真正的毛玻璃~~)

【作者前言】:13年入圈,分享些本人工作中遇到的點點滴滴那些事兒秕噪,17年剛開始寫博客牍蜂,高手勿噴漾根!以分享交流為主,歡迎各路豪杰點評改進鲫竞!

1.應(yīng)用場景:

Paste_Image.png

2.實現(xiàn)目標(biāo):

通過對圖片的處理辐怕,實現(xiàn)毛玻璃效果,這里因為有些時候模糊程度是因具體需求變化的从绘,所以把方法寫活了菜拓,方便大家的調(diào)用遗菠。

3.代碼說明:

方式一纹蝴,推薦使用盐杂,效果比較好!Swift版本已更新批什!

#pragma mark -
#pragma mark - yp_blurryImage: withBlurLevel: 傳入圖片返回設(shè)置毛玻璃效果后的圖片
/** Attention points:
① 需要引入#import <Accelerate/Accelerate.h>  
② 傳入變量 blur 代表毛玻璃設(shè)置的程度农曲,值越大越模糊 范圍須在0-1中間,默認為0.5
*/
- (UIImage *)yp_blurryImage:(UIImage *)image withBlurLevel:(CGFloat)blur {
    if (blur < 0.f || blur > 1.f) {
        blur = 0.5f;
    }
    int boxSize = (int)(blur * 40);
    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;
}

//使用時直接調(diào)用即可
UIImage * image = [UIImage imageNamed:@"wukong"];
self.blurryImageView.image = [self yp_blurryImage:image withBlurLevel:0.1];

方式二,代碼簡潔驻债,效果欠佳

//創(chuàng)建毛玻璃
UIBlurEffect * blur = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];
UIVisualEffectView * effe = [[UIVisualEffectView alloc] initWithEffect:blur];
//毛玻璃大小與所需要添加毛玻璃效果的大小一致
effe.frame = CGRectMake(0,0,self.blurryImageView.frame.size.width - 100,self.blurryImageView.frame.size.width - 100);
effe.layer.masksToBounds = YES;
effe.layer.cornerRadius = 5;
//透明度為1時乳规,毛玻璃程度為最明顯
effe.alpha = 0.5;
//把要添加的視圖加到毛玻璃上
[self.blurryImageView addSubview:effe];

兩種方法均設(shè)置為0.5時的效果如下圖

Paste_Image.png

??有的朋友需要方法一的swift版本,抽空翻譯了一版却汉,支持最新Swift4語法

注意:需要導(dǎo)入 Accelerate驯妄,即: #import Accelerate


func yp_burryImage(image:UIImage, blur:CGFloat) -> UIImage {
        let blur = (blur < 0.0 || blur > 1.0) ? 0.5 : blur;
        var boxSize = Int(blur * 40)
        boxSize = boxSize - (boxSize % 2) + 1
        let cgImg = image.cgImage
        var inBuffer = vImage_Buffer()
        var outBuffer = vImage_Buffer()
        var pixelBuffer: UnsafeMutableRawPointer
        let inProvider = cgImg?.dataProvider
        let inBitmapData = inProvider?.data
        inBuffer.width = vImagePixelCount((cgImg?.width)!)
        inBuffer.height = vImagePixelCount((cgImg?.height)!)
        inBuffer.rowBytes = (cgImg?.bytesPerRow)!
        inBuffer.data = UnsafeMutableRawPointer(mutating: CFDataGetBytePtr(inBitmapData))
        //手動申請內(nèi)存---
        pixelBuffer = malloc((cgImg?.bytesPerRow)! * (cgImg?.height)!)
        outBuffer.data = pixelBuffer
        outBuffer.width = vImagePixelCount((cgImg?.width)!)
        outBuffer.height = vImagePixelCount((cgImg?.height)!)
        outBuffer.rowBytes = (cgImg?.bytesPerRow)!
        var error = vImageBoxConvolve_ARGB8888(&inBuffer, &outBuffer, nil, vImagePixelCount(0), vImagePixelCount(0), UInt32(boxSize), UInt32(boxSize), nil, vImage_Flags(kvImageEdgeExtend))
        
        if error != kvImageNoError {
            error = vImageBoxConvolve_ARGB8888(&inBuffer,&outBuffer, nil, vImagePixelCount(0), vImagePixelCount(0),UInt32(boxSize), UInt32(boxSize), nil, vImage_Flags(kvImageEdgeExtend))
            if (kvImageNoError != error)
            {
                error = vImageBoxConvolve_ARGB8888(&inBuffer, &outBuffer, nil, vImagePixelCount(0), vImagePixelCount(0), UInt32(boxSize), UInt32(boxSize), nil, vImage_Flags(kvImageEdgeExtend))
            }
        }

        let colorSpace = CGColorSpaceCreateDeviceRGB()
        let ctx = CGContext(data: outBuffer.data, width: Int(outBuffer.width), height: Int(outBuffer.height), bitsPerComponent: 8, bytesPerRow: outBuffer.rowBytes, space: colorSpace, bitmapInfo: CGImageAlphaInfo.premultipliedLast.rawValue)
        let imageRef = ctx!.makeImage()
        let returnImage = UIImage.init(cgImage: imageRef!)
        //clean up --- 清理內(nèi)存
        free(pixelBuffer)
        
        return returnImage
    }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市合砂,隨后出現(xiàn)的幾起案子青扔,更是在濱河造成了極大的恐慌,老刑警劉巖翩伪,帶你破解...
    沈念sama閱讀 211,423評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件微猖,死亡現(xiàn)場離奇詭異,居然都是意外死亡缘屹,警方通過查閱死者的電腦和手機凛剥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,147評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來轻姿,“玉大人犁珠,你說我怎么就攤上這事逻炊。” “怎么了犁享?”我有些...
    開封第一講書人閱讀 157,019評論 0 348
  • 文/不壞的土叔 我叫張陵余素,是天一觀的道長。 經(jīng)常有香客問我炊昆,道長桨吊,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,443評論 1 283
  • 正文 為了忘掉前任凤巨,我火速辦了婚禮视乐,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘敢茁。我一直安慰自己佑淀,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,535評論 6 385
  • 文/花漫 我一把揭開白布彰檬。 她就那樣靜靜地躺著渣聚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪僧叉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,798評論 1 290
  • 那天棺榔,我揣著相機與錄音瓶堕,去河邊找鬼。 笑死症歇,一個胖子當(dāng)著我的面吹牛郎笆,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播忘晤,決...
    沈念sama閱讀 38,941評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼宛蚓,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了设塔?” 一聲冷哼從身側(cè)響起凄吏,我...
    開封第一講書人閱讀 37,704評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎闰蛔,沒想到半個月后痕钢,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,152評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡序六,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,494評論 2 327
  • 正文 我和宋清朗相戀三年任连,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片例诀。...
    茶點故事閱讀 38,629評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡随抠,死狀恐怖裁着,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情拱她,我是刑警寧澤二驰,帶...
    沈念sama閱讀 34,295評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站椭懊,受9級特大地震影響诸蚕,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜氧猬,卻給世界環(huán)境...
    茶點故事閱讀 39,901評論 3 313
  • 文/蒙蒙 一背犯、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧盅抚,春花似錦漠魏、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至丰包,卻和暖如春禁熏,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背邑彪。 一陣腳步聲響...
    開封第一講書人閱讀 31,978評論 1 266
  • 我被黑心中介騙來泰國打工瞧毙, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人寄症。 一個月前我還...
    沈念sama閱讀 46,333評論 2 360
  • 正文 我出身青樓宙彪,卻偏偏與公主長得像,于是被迫代替她去往敵國和親有巧。 傳聞我的和親對象是個殘疾皇子释漆,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,499評論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,763評論 25 707
  • 軟炸里脊,取整條里脊肉橫截面中部縱向一開兩半篮迎,其改為菊花狀男图,如何改為菊花狀呢?豎刀入肉不可完全切透保留其整條肉的連...
    昉之閱讀 207評論 0 4
  • 【萬物生靈】老夏把車停在路邊柑潦,一只小蜜蜂圍繞著我嗡嗡嗡地打轉(zhuǎn)享言,路邊的車來來往往,我沒聽清楚小蜜蜂說什么渗鬼。 我把手伸...
    拈花老夏閱讀 430評論 0 1
  • 1.為什么我有玉米 2.為什么蟑螂吃玉米 3.為什么我的玉米被蟑螂吃了 1.因為我想吃览露,那天就買了,如果我沒買譬胎,我...
    Lexynna閱讀 2,672評論 0 0