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

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

2017-06-28 798

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-28

811

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-28

793

发表评论

资源下载

更多资源

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

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

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。