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

http://www.cnblogs.com/xiaofeixiang/p/5129074.html

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，添加类方法:


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

+(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这个函数。


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

+(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;

}

图片模糊调用:


1

2

3

4

5

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，性能最佳（没有亲自测试过，有兴趣可以自己测试）

项目地址:https://github.com/SmallElephant/iOS-UIImageBoxBlur

参考资料:https://developer.apple.com/library/ios/documentation/GraphicsImaging/Reference/CoreImageFilterReference/index.html#//apple_ref/doc/filter/ci/CIGaussianBlur

时间： 2024-10-10 18:05:49

iOS开发-图片高斯模糊效果的相关文章

iOS实现图片高斯模糊效果

RT,支持iOS 6.0 and later CIContext *context = [CIContext contextWithOptions:nil]; CIImage *inputImage = [[CIImage alloc] initWithImage:[UIImage imageNamed:@"1.png"]]; // create gaussian blur filter CIFilter *filter = [CIFilter filterWithName:@&quo

iOS开发使用半透明模糊效果方法整理

虽然iOS很早就支持使用模糊效果对图片等进行处理,但尤其在iOS7以后,半透明模糊效果得到大范围广泛使用.包括今年最新发布的iOS8也沿袭了这一设计,甚至在OS X 10.10版Yosemite中也开始大量使用半透明模糊. 在iOS开发当中,我们有很多选择可以做半透明模糊效果,下面就是一些常见的方式或者说工具. 0. Core Image 作为设计和体验方面的领导者,苹果自己对图片效果和图片处理的支持一定是非常好的,在iOS平台上,5.0之后就出现了Core Image的API.Core Ima

【转载】iOS开发使用半透明模糊效果方法整理

[转载自 http://www.cocoachina.com/ios/20141223/10731.html] 虽然iOS很早就支持使用模糊效果对图片等进行处理,但尤其在iOS7以后,半透明模糊效果得到大范围广泛使用.包括今年最新发布的iOS8也沿袭了这一设计,甚至在OS X 10.10版Yosemite中也开始大量使用半透明模糊. 在iOS开发当中,我们有很多选择可以做半透明模糊效果,下面就是一些常见的方式或者说工具. 0. Core Image 作为设计和体验方面的领导者,苹果自己对图片效果

IOS开发-图片上传

目前IOS端开发,图片上传到服务器分为两种,一种是直接上到服务器,一种是借助第三方储存(减少服务器压力). 一.直接上传到服务器 1 /** 2 * 代码演示 3 */ 4 //*******UIImagePNGRepresentation(UIImage* image) 要比UIImageJPEGRepresentation(UIImage* image, 1.0) 返回的图片数据量大很多,但从视角角度看,图片的质量没有明显的降低,所以在读取图片数据内容时,可以先使用UIImageJPEGRe

iOS开发-图片查看(ScrollView+UIPageControl)

上周没事写了一个简单的图片查看,上次的查看只用到了一个UIImageView,不断的替换背景图片,实现图片之间的切换.通过ScrollView可以很简单的是实现图片之间的查看,设置setPagingEnabled通过坐标,宽度的设置,可以简单实现一个图片的简单分页查看显示,当然如果你有需求说需要进行所谓的无限循环,在开始和结束的时候的设置一下事件,常用的新闻客户端,图片新闻查看的时候很少有进行最后的时候跳到第一页,一般都是最后的时候都是推荐相关内容,多说了两句,开始吧: ScrollView图片

图片高斯模糊效果

为实现一些玻璃蒙版的效果,需要用到高斯算法对图片进行模糊处理,基础算法代码如下 1 public static Bitmap fastblur(Context context, Bitmap sentBitmap, int radius) { 2 3 if (VERSION.SDK_INT > 20) { 4 Bitmap bitmap = sentBitmap.copy(sentBitmap.getConfig(), true); 5 6 final RenderScript rs = Ren

IOS开发-图片浏览器实例-UIImageView的使用-懒加载-plist文件的使用

一.本文概述 一个使用UIImageView.UILabel.UIButton实现的图片浏览器的实例,界面如图:   功能描述: 1. 点击左右箭头切换图片.图片描述.图片序号: 2.第一张图片时左箭头不能点击 3.最后一张图片时右箭头不能点击 4.点击设置按钮出现一个可设置的界面(上图中黄色背景的部分)可以设置模式和对图片的缩放 实现概述: 1.搭建UI界面,使用UIImageView控件显示图片 2. 监听个按钮的点击 3. 切换图片内容,描述,序号.背景色及UIImageView的tran

ios开发图片轮播器以及定时器小问题

一:图片轮播器效果如图:能实现自动轮播,到最后一页时,轮播回来,可以实现拖拽滚动 二:代码: 1 #import "ViewController.h" 2 static CGFloat const imageCount = 5; 3 @interface ViewController ()<UIScrollViewDelegate> 4 /*scrollView*/ 5 @property (nonatomic,weak)UIScrollView *scroll; 6 /*

iOS开发--图片处理

纵观现实社会和移动app市场,这是一个看脸的时代,而好看且漂亮的APP界面就是移动APP的脸.漂亮的外观后面少不了UI设计人员的辛苦,如果不懂的处理,就浪费了UI设计人员的心血. 比如下面这张图片,是用来做按钮图片的    大小为:59 * 32 先在把它作为一张图片显示出来,图片显示位置设置为200 * 50 1 #import "ViewController.h" 2 3 @interface ViewController () 4 5 @end 6 7 @implementati