iOS开发之图片模糊效果的五种实现代码

 更新时间:2017年04月18日 11:19:53   作者:绿豆粥与茶叶蛋  
本篇文章主要介绍了iOS开发之模糊效果的五种实现代码。本文针对这五种方式讲解一下具体的实现,有兴趣的同学可以一起来了解一下

前言

在iOS开发中我们经常会用到模糊效果使我们的界面更加美观,而iOS本身也提供了几种达到模糊效果的API,如:Core Image,使用Accelerate.Framework中的vImage API,在iOS 7之前系统的类提供UIToolbar,在iOS 8之后苹果新增加的一个类UIVisualEffectView;另外也有一些牛人写的第三方框架,如:GPUImage。本篇就针对这五种方式讲解一下具体的实现。

正文

下面就按照这五种方式,将其实现模糊效果的具体实现一一讲解一下:

在iOS 7之前系统的类提供UIToolbar来实现毛玻璃效果:

- (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之后苹果新增加了一个类UIVisualEffectView,通过这个类来实现毛玻璃效果:

- (void)uivisualEffectViewStyle{
 /* NS_ENUM_AVAILABLE_IOS(8_0)
  * UIBlurEffectStyleExtraLight,//额外亮度,(高亮风格)
  * UIBlurEffectStyleLight,//亮风格
  * UIBlurEffectStyleDark,//暗风格
  * 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

  */
 //实现模糊效果
 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之后就出现了Core Image的API,Core Image的API被放在CoreImage.framework库中, 在iOS和OS X平台上,Core Image都提供了大量的滤镜(Filter),在OS X上有120多种Filter,而在iOS上也有90多,Core Image设置模糊之后会在周围产生白边:

- (UIImage *)coreBlurImage:(UIImage *)image withBlurNumber:(CGFloat)blur{

 CIContext *context = [CIContext contextWithOptions:nil];
 CIImage *inputImage = [CIImage imageWithCGImage:image.CGImage];
 //设置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的开源库实现毛玻璃效果:

- (UIImage *)GPUImageStyleWithImage:(UIImage *)image{

 GPUImageGaussianBlurFilter *filter = [[GPUImageGaussianBlurFilter alloc] init];
 filter.blurRadiusInPixels = 10.0;//值越大,模糊度越大
 UIImage *blurImage = [filter imageByFilteringImage:image];
 return blurImage;

}

vImage属于Accelerate.Framework,需要导入 Accelerate下的 Accelerate头文件, Accelerate主要是用来做数字信号处理、图像处理相关的向量、矩阵运算的库。图像可以认为是由向量或者矩阵数据构成的,Accelerate里既然提供了高效的数学运算API,自然就能方便我们对图像做各种各样的处理 ,模糊算法使用的是vImageBoxConvolve_ARGB8888这个函数:

- (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中获取数据
 CGDataProviderRef inProvider = CGImageGetDataProvider(img);
 CFDataRef inBitmapData = CGDataProviderCopyData(inProvider);

 //设置从CGImage获取对象的属性
 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

结语

UIVisualEffectView技术是从iOS8之后引进的,原理是在图片上方生成一个蒙层,若最低适配iOS8的话可以考虑采取这个,运用UIBlurEffect是可逆的,我们可以去掉蒙层,显示图片;

[effectview removeFromSuperview];
  1. iOS 7之前系统的类提供的UIToolbar,原理也是在图片上方生成一个蒙层。
  2. 利用CoreImage 进行模糊处理,是非常消耗CPU性能的;
  3. GPUImage的开源库实现毛玻璃效果也比较吃内存,相对Core Image好一点;
  4. 图像模糊处理属于复杂的计算,大部分图片模糊选择的是vImage,性能最佳。

UIToolbar和UIBlurEffect都是在图片上方生成一个蒙层,都可以设置模糊的范围;而其他三种方式都是对原来的图片进行模糊处理返回渲染后的一整张图片,相对来说比较耗性能。图1-2 是实测五种方式的内存占用:

 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • iOS 泛型中nullable、null resettable、null kindof 用法详解

    iOS 泛型中nullable、null resettable、null kindof 用法详解

    这篇文章主要介绍了iOS 泛型中nullable、null resettable、null kindof 用法详解的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • iOS UIView常见属性方法小结

    iOS UIView常见属性方法小结

    本文通过实例代码给大家详细介绍了iOS UIView常见属性方法,非常不错,需要的朋友参考下吧
    2016-12-12
  • IOS中各种手势操作实例代码

    IOS中各种手势操作实例代码

    IOS中手势操作一般是 UIGestureRecognizer 类的几个手势子类去实现,一般我们用到的手势就这么5种,具体哪几种大家通过本文学习吧,本文重点给大家介绍IOS中各种手势操作实例代码,一起看看吧
    2017-03-03
  • IOS  AFNetworking的Post失败及requestSerializer的正确使用

    IOS AFNetworking的Post失败及requestSerializer的正确使用

    这篇文章主要介绍了IOS AFNetworking的Post失败及requestSerializer的正确使用的相关资料,需要的朋友可以参考下
    2017-05-05
  • iOS微信第三方登录实例

    iOS微信第三方登录实例

    这篇文章主要为大家详细介绍了iOS微信第三方登录实现过程,一步一步告诉大家iOS微信实现第三方登录的方法,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • iOS13适配深色模式(Dark Mode)的实现

    iOS13适配深色模式(Dark Mode)的实现

    这篇文章主要介绍了iOS13适配深色模式(Dark Mode)的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • iOS13即将到来,iOS推送DeviceToken适配方案详解

    iOS13即将到来,iOS推送DeviceToken适配方案详解

    这篇文章主要介绍了iOS13即将到来,iOS推送DeviceToken适配方案详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • IOS 下获取 rootviewcontroller 的版本不同的问题解决办法

    IOS 下获取 rootviewcontroller 的版本不同的问题解决办法

    这篇文章主要介绍了IOS 下获取 rootviewcontroller 的版本不同的问题解决办法的相关资料,希望通过本文能帮助到大家,让大家遇到这种问题可以解决,需要的朋友可以参考下
    2017-10-10
  • iOS 屏幕解锁文字动画效果

    iOS 屏幕解锁文字动画效果

    这篇文章主要介绍了iOS 屏幕解锁文字动画效果的相关资料,需要的朋友可以参考下
    2016-09-09
  • iOS异步下载图片实例代码

    iOS异步下载图片实例代码

    这篇文章主要介绍了iOS异步下载图片实例代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08

最新评论