iOS开发-图片高斯模糊效果-低调大师

iOS开发-图片高斯模糊效果

2017-06-28 756

iOS开发的时候有的时候需要将图片设置模糊，或者通过点击下拉方法，去除模糊，一切都是为了应用更受用户欢迎，iOS7之后半透明模糊效果得到大范围使用的比较大，现在也可以看到很多应用局部用到了图片模糊效果，关于图片实现高斯模糊效果有三种方式，CoreImage，GPUImage（第三方开源类库）和vImage。GPUImage没怎么用过，本文就讲两种方式Core Image和vImage。

Core Image

开始撸代码之前我们先来看一下实现的效果:

iOS5.0之后就出现了Core Image的API,Core Image的API被放在CoreImage.framework库中,在iOS和OS X平台上，Core Image都提供了大量的滤镜（Filter），在OS X上有120多种Filter，而在iOS上也有90多。首先我们扩展一下UIImage，添加类方法:

 
         +(UIImage *)coreBlurImage:(UIImage *)image
        
         withBlurNumber:(CGFloat)blur { 
        
         //博客园-FlyElephant 
        
         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; 
        
         }

其中过滤的选项设置为高斯模糊:

vImage 方式

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; 
        
         }

图片模糊调用:

 
         self.imageView=[[UIImageView alloc]initWithFrame:CGRectMake(0, 300, SCREENWIDTH, 100)];
        
         self.imageView.contentMode=UIViewContentModeScaleAspectFill;
        
         self.imageView.image=[UIImage boxblurImage:self.image withBlurNumber:0.5];
        
         self.imageView.clipsToBounds=YES;
        
         [self.view addSubview:self.imageView];

关于两种方式的选择的建议

效果:第一种Core Image设置模糊之后会在周围产生白边，vImage使用不存在任何问题；

性能:图像模糊处理属于复杂的计算，大部分图片模糊选择的是vImage，性能最佳（没有亲自测试过，有兴趣可以自己测试）

本文转自Fly_Elephant博客园博客，原文链接：http://www.cnblogs.com/xiaofeixiang/p/5129074.html，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/362390

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

iOS开发-xCode代码格式化xAlign

xCode默认是可以进行代码格式化的，能满足基础开发需求，如果想要个性一些代码对齐方式宏对齐，等号对齐，属性对齐，xAlign就提供了以上三种功能，参考文中效果~ 基础效果等号对齐: 属性对齐: 宏对齐: 插件安装 1.控制台命令 1 curl -fsSL http: //qfi.sh/XAlign/build/install.sh | sh 2.手动安装下载插件包：XAlign.xcplugin，将下载的插件放在~/Library/Application Support/Developer/Shared/Xcode/Plug-ins/目录下，Finder路径寻找快捷键command + shift + G; 3.重启xCode，加载xAlign； 4.卸载 1 curl -fsSL http: //qfi.sh/XAlign/build/uninstall.sh | sh 手动安装的直接到第二步~/Library/Application Support/Developer/Shared/Xcode/Plug-ins/删除插件即可~ 5.通过xCode→Edit→XAlign中的选项...

2017-06-29

778

iOS-图片拉伸技巧

iOS开发中我们会遇到渐变的背景，内容可变的流式标签，聊天气泡(QQ聊天气泡)，由于内容是可变的，宽度和高度同样可变，这样就是导致每次出现的尺寸与之前不一样。如果是需要设置的比较的多，估计美工会烦死，同样也会额外增加的内存开销，所以这个知道一点图片拉伸的技巧会师我们的能使我们APP更加高效，代码更加简洁，事半功倍~从设置的角度来有四种方法可以实现~ Assets设置首先我们有一个不规则的气泡按钮，大小是35*30，Slices选中水平和垂直方向的距离，宽高设置为1 设置完成之，我们设置Button的背景图片看下加载效果: 1 2 3 4 5 6 UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(80, 100, 100, 40)]; UIImage *buttonImage = [UIImage imageNamed: @"Question" ]; [button setTitle: @"默认" forState:UIControlStateNormal]; [button addTarget:self ac...

2017-06-29

749

发表评论

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。