這篇文章主要為大家展示了“iOS如何實(shí)現(xiàn)圖片模糊效果”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“iOS如何實(shí)現(xiàn)圖片模糊效果”這篇文章吧。
成都創(chuàng)新互聯(lián)企業(yè)建站,10多年網(wǎng)站建設(shè)經(jīng)驗(yàn),專注于網(wǎng)站建設(shè)技術(shù),精于網(wǎng)頁設(shè)計(jì),有多年建站和網(wǎng)站代運(yùn)營經(jīng)驗(yàn),設(shè)計(jì)師為客戶打造網(wǎng)絡(luò)企業(yè)風(fēng)格,提供周到的建站售前咨詢和貼心的售后服務(wù)。對(duì)于成都做網(wǎng)站、網(wǎng)站制作中不同領(lǐng)域進(jìn)行深入了解和探索,創(chuàng)新互聯(lián)在網(wǎng)站建設(shè)中充分了解客戶行業(yè)的需求,以靈動(dòng)的思維在網(wǎng)頁中充分展現(xiàn),通過對(duì)客戶行業(yè)精準(zhǔn)市場調(diào)研,為客戶提供的解決方案。
前言
在iOS開發(fā)中我們經(jīng)常會(huì)用到模糊效果使我們的界面更加美觀,而iOS本身也提供了幾種達(dá)到模糊效果的API,如:Core Image,使用Accelerate.Framework中的vImage API,在iOS 7之前系統(tǒng)的類提供UIToolbar,在iOS 8之后蘋果新增加的一個(gè)類UIVisualEffectView;另外也有一些牛人寫的第三方框架,如:GPUImage。本篇就針對(duì)這五種方式講解一下具體的實(shí)現(xiàn)。
正文
下面就按照這五種方式,將其實(shí)現(xiàn)模糊效果的具體實(shí)現(xiàn)一一講解一下:
在iOS 7之前系統(tǒng)的類提供UIToolbar來實(shí)現(xiàn)毛玻璃效果:
- (void)toolbarStyle{ CGRect toolbarRect = CGRectMake(0, 0,ScreenW/2,ScreenH); UIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:toolbarRect]; /* * UIBarStyleDefault = 0, * UIBarStyleBlack = 1, * UIBarStyleBlackOpaque = 1, // Deprecated. Use UIBarStyleBlack * UIBarStyleBlackTranslucent = 2, // Deprecated. Use UIBarStyleBlack and set the translucent property to YES */ toolbar.barStyle = UIBarStyleBlack; [self.myImageView addSubview:toolbar]; }
在iOS 8之后蘋果新增加了一個(gè)類UIVisualEffectView,通過這個(gè)類來實(shí)現(xiàn)毛玻璃效果:
- (void)uivisualEffectViewStyle{ /* NS_ENUM_AVAILABLE_IOS(8_0) * UIBlurEffectStyleExtraLight,//額外亮度,(高亮風(fēng)格) * UIBlurEffectStyleLight,//亮風(fēng)格 * UIBlurEffectStyleDark,//暗風(fēng)格 * UIBlurEffectStyleExtraDark __TVOS_AVAILABLE(10_0) __IOS_PROHIBITED __WATCHOS_PROHIBITED, * UIBlurEffectStyleRegular NS_ENUM_AVAILABLE_IOS(10_0), // Adapts to user interface style * UIBlurEffectStyleProminent NS_ENUM_AVAILABLE_IOS(10_0), // Adapts to user interface style */ //實(shí)現(xiàn)模糊效果 UIBlurEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark]; //毛玻璃視圖 UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:effect];; effectView.frame = CGRectMake(0, 0, ScreenW/2, ScreenH); [self.myImageView addSubview:effectView]; }
iOS5.0之后就出現(xiàn)了Core Image的API,Core Image的API被放在CoreImage.framework庫中, 在iOS和OS X平臺(tái)上,Core Image都提供了大量的濾鏡(Filter),在OS X上有120多種Filter,而在iOS上也有90多,Core Image設(shè)置模糊之后會(huì)在周圍產(chǎn)生白邊:
- (UIImage *)coreBlurImage:(UIImage *)image withBlurNumber:(CGFloat)blur{ CIContext *context = [CIContext contextWithOptions:nil]; CIImage *inputImage = [CIImage imageWithCGImage:image.CGImage]; //設(shè)置filter CIFilter *filter = [CIFilter filterWithName:@"CIGaussianBlur"]; [filter setValue:inputImage forKey:kCIInputImageKey]; [filter setValue:@(blur) forKey:@"inputRadius"]; //模糊圖片 CIImage *result = [filter valueForKey:kCIOutputImageKey]; CGImageRef outImage = [context createCGImage:result fromRect:[result extent]]; UIImage *blurImage = [UIImage imageWithCGImage:outImage]; CGImageRelease(outImage); return blurImage; }
GPUImage的開源庫實(shí)現(xiàn)毛玻璃效果:
- (UIImage *)GPUImageStyleWithImage:(UIImage *)image{ GPUImageGaussianBlurFilter *filter = [[GPUImageGaussianBlurFilter alloc] init]; filter.blurRadiusInPixels = 10.0;//值越大,模糊度越大 UIImage *blurImage = [filter imageByFilteringImage:image]; return blurImage; }
vImage屬于Accelerate.Framework,需要導(dǎo)入 Accelerate下的 Accelerate頭文件, Accelerate主要是用來做數(shù)字信號(hào)處理、圖像處理相關(guān)的向量、矩陣運(yùn)算的庫。圖像可以認(rèn)為是由向量或者矩陣數(shù)據(jù)構(gòu)成的,Accelerate里既然提供了高效的數(shù)學(xué)運(yùn)算API,自然就能方便我們對(duì)圖像做各種各樣的處理 ,模糊算法使用的是vImageBoxConvolve_ARGB8888這個(gè)函數(shù):
- (UIImage *)boxblurImage:(UIImage *)image withBlurNumber:(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; //從CGImage中獲取數(shù)據(jù) CGDataProviderRef inProvider = CGImageGetDataProvider(img); CFDataRef inBitmapData = CGDataProviderCopyData(inProvider); //設(shè)置從CGImage獲取對(duì)象的屬性 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; }
源碼已上傳至fenglinyunshi-git,并提出寶貴意見。
demo下載地址:blurImage_jb51.rar
結(jié)語
UIVisualEffectView技術(shù)是從iOS8之后引進(jìn)的,原理是在圖片上方生成一個(gè)蒙層,若最低適配iOS8的話可以考慮采取這個(gè),運(yùn)用UIBlurEffect是可逆的,我們可以去掉蒙層,顯示圖片;
[effectview removeFromSuperview];
iOS 7之前系統(tǒng)的類提供的UIToolbar,原理也是在圖片上方生成一個(gè)蒙層。
利用CoreImage 進(jìn)行模糊處理,是非常消耗CPU性能的;
GPUImage的開源庫實(shí)現(xiàn)毛玻璃效果也比較吃內(nèi)存,相對(duì)Core Image好一點(diǎn);
圖像模糊處理屬于復(fù)雜的計(jì)算,大部分圖片模糊選擇的是vImage,性能最佳。
UIToolbar和UIBlurEffect都是在圖片上方生成一個(gè)蒙層,都可以設(shè)置模糊的范圍;而其他三種方式都是對(duì)原來的圖片進(jìn)行模糊處理返回渲染后的一整張圖片,相對(duì)來說比較耗性能。圖1-2 是實(shí)測五種方式的內(nèi)存占用:
以上是“iOS如何實(shí)現(xiàn)圖片模糊效果”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)頁名稱:iOS如何實(shí)現(xiàn)圖片模糊效果
文章分享:http://aaarwkj.com/article28/gjccjp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、微信小程序、網(wǎng)站排名、網(wǎng)頁設(shè)計(jì)公司、品牌網(wǎng)站制作、域名注冊(cè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)