1.首先得把界面转化成图片,给uiview加一个类目如下:

#import "UIView+Screen.h"

@implementation UIView (Screen)

//截取界面转化成图片

-(UIImage *)convertViewToImage

{

UIGraphicsBeginImageContext(self.bounds.size);

[self drawViewHierarchyInRect:self.bounds afterScreenUpdates:YES];

UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

return image;

}

@end

2.得到截屏图片后进行模糊处理

给uiImage 添加一个类别方法

使用vImage API进行模糊

iOS5.0中新增了vImage API可以使用,它属于Accelerate.Framework,所以如果你要使用它要在工程中加入这个Framework。模糊算法使用的是vImageBoxConvolve_ARGB8888这个函数。

- (UIImage *)blurredImageWithRadius:(CGFloat)radius iterations:(NSUInteger)iterations tintColor:(UIColor *)tintColor

{

//image must be nonzero size

if (floorf(self.size.width) * floorf(self.size.height) <= 0.0f) return self;

//boxsize must be an odd integer

uint32_t boxSize = (uint32_t)(radius * self.scale);

if (boxSize % 2 == 0) boxSize ++;

//create image buffers

CGImageRef imageRef = self.CGImage;

vImage_Buffer buffer1, buffer2;

buffer1.width = buffer2.width = CGImageGetWidth(imageRef);

buffer1.height = buffer2.height = CGImageGetHeight(imageRef);

buffer1.rowBytes = buffer2.rowBytes = CGImageGetBytesPerRow(imageRef);

size_t bytes = buffer1.rowBytes * buffer1.height;

buffer1.data = malloc(bytes);

buffer2.data = malloc(bytes);

//create temp buffer

void *tempBuffer = malloc((size_t)vImageBoxConvolve_ARGB8888(&buffer1, &buffer2, NULL, 0, 0, boxSize, boxSize,

NULL, kvImageEdgeExtend + kvImageGetTempBufferSize));

//copy image data

CFDataRef dataSource = CGDataProviderCopyData(CGImageGetDataProvider(imageRef));

memcpy(buffer1.data, CFDataGetBytePtr(dataSource), bytes);

CFRelease(dataSource);

for (NSUInteger i = 0; i < iterations; i++)

{

//perform blur

vImageBoxConvolve_ARGB8888(&buffer1, &buffer2, tempBuffer, 0, 0, boxSize, boxSize, NULL, kvImageEdgeExtend);

//swap buffers

void *temp = buffer1.data;

buffer1.data = buffer2.data;

buffer2.data = temp;

}

//free buffers

free(buffer2.data);

free(tempBuffer);

//create image context from buffer

CGContextRef ctx = CGBitmapContextCreate(buffer1.data, buffer1.width, buffer1.height,

8, buffer1.rowBytes, CGImageGetColorSpace(imageRef),

CGImageGetBitmapInfo(imageRef));

//apply tint

if (tintColor && CGColorGetAlpha(tintColor.CGColor) > 0.0f)

{

CGContextSetFillColorWithColor(ctx, [tintColor colorWithAlphaComponent:0.25].CGColor);

CGContextSetBlendMode(ctx, kCGBlendModePlusLighter);

CGContextFillRect(ctx, CGRectMake(0, 0, buffer1.width, buffer1.height));

}

//create image from context

imageRef = CGBitmapContextCreateImage(ctx);

UIImage *image = [UIImage imageWithCGImage:imageRef scale:self.scale orientation:self.imageOrientation];

CGImageRelease(imageRef);

CGContextRelease(ctx);

free(buffer1.data);

return image;

}

此时已经拥有了模糊的背景图片,下面就简单了。

方法二 就是用coreImage中苹果提供的滤镜效果,但是此方法效率低且需要转化时相对间比较长

//CPU渲染。。慢效率低,为了避免线程阻塞,最好放在子线程里。。

- (UIImage *)blur{

CIContext *context = [CIContext contextWithOptions:nil];

CIImage *imageToBlur = [[CIImage alloc]initWithImage:_imgview.image];

CIFilter *filter = [CIFilter filterWithName:@"CIGaussianBlur" keysAndValues:kCIInputImageKey,imageToBlur ,nil];

_outputCIImage = [filter outputImage];

UIImage *img = [UIImage imageWithCGImage:[context createCGImage:_outputCIImage fromRect:_outputCIImage.extent]];

return img;

}

方法三就是用iOS8新出的功能。特别方便,还能支持实时模糊,缺点就是只能iOS8以上使用

//iOS8苹果自带的毛玻璃效果

- (IBAction)iOS8blurAction:(id)sender {

UIBlurEffect *beffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleExtraLight];

UIVisualEffectView *view = [[UIVisualEffectView alloc]initWithEffect:beffect];

view.frame = self.bounds;

[self addSubview:view];

}

iOS背景模糊效果3中方法总结的更多相关文章

  1. iOS 图片背景模糊效果

    iOS 图片背景模糊效果 1.使用CoreImage中的模糊滤镜 原始效果图如下: CoreImage的实现: - (void)viewDidLoad { [super viewDidLoad]; / ...

  2. IOS修改webView背景透明以及IOS调用前台js的方法

    工作上遇到IOS的webView中的H5页面需要透明以显示webView的背景颜色.用H5自身的透明度的css样式或者js控制背景颜色及透明度都打不到想要的效果,最后还是通过ios设置webView中 ...

  3. iOS UITableViewCell点击时子视图背景透明的解决方法

    在做iOS项目的开发中,UITableView控件的应用十分广泛.在进行自定义UITableViewCell时,经常遇到这样的问题:在UITableViewCell上面添加了一个有背景颜色的子视图,当 ...

  4. iOS之在webView中引入本地html,image,js,css文件的方法 - sky//////////////////////////////////////ZZZZZZZZZZZZZZZ

    iOS之在webView中引入本地html,image,js,css文件的方法   2014-12-08 20:00:16CSDN-sky_2016-点击数:10292     项目需求 最近开发的项 ...

  5. 在IDEA中设置页面背景护眼色的方法

    在IDEA中设置页面背景护眼色的方法如下:

  6. iOS 如何自定义UISearchBar 中textField的高度

    iOS 如何自定义UISearchBar 中textField的高度 只需设置下边的方法就可以 [_searchBar setSearchFieldBackgroundImage:[UIImage i ...

  7. ios实现屏幕旋转的方法

    1.屏蔽AppDelegate下面的屏幕旋转方法 #pragma mark - 屏幕旋转的 //- (UIInterfaceOrientationMask)application:(UIApplica ...

  8. iOS 自定义控件开发(中)

    <iOS 自定义控件开发(上)> <iOS 自定义控件开发(中)> 接上篇iOS自定义控件开发之后,我们尝试另外一种. 在Xcode的右边,会看到如下的图 其中,上面有一个:C ...

  9. 李洪强iOS开发Swift篇—10_方法

    李洪强iOS开发Swift篇—10_方法 一.简单说明 跟其他面向对象语言一样,Swift中的方法可以分为2大类: (1)实例方法(Instance Methods) 在OC中,实例方法以减号(-)开 ...

随机推荐

  1. call方法和new对象的关系

    call只能改变this的指向,而使用new对象不仅会自动调用call方法改变这个对象的this指向,而且还会继承构造函数的原型. var fn = function(a){ this.a = a; ...

  2. 什么是作用域链,什么是原型链,它们的区别,在js中它们具体指什么?

    什么是作用域链,什么是原型链. 作用域是针对变量的,比如我们创建了一个函数,函数里面又包含了一个函数,那么现在就有三个作用域 全局作用域==>函数1作用域==>函数2作用域 作用域的特点就 ...

  3. Android 布局之RelativeLayout

    Android 布局之RelativeLayout 1 RelativeLayout简介 RelativeLayout是相对布局. RelativeLayout布局属性 1.1 与parent相对的属 ...

  4. 《你不知道的javascript》一、函数作用域和块作用域

    函数中的作用域 所谓函数作用域,就是属于这个函数的全部变量都可以在整个函数的范围内使用及复用. function foo(a) { var b=a; function bar(c){ var c=b* ...

  5. [团队项目]expat不兼容BUG

    本周五软工团队项目的第一次前后端全部对接时,出了一个蛋疼的错误. 最初起因是小丽叔出于安全的考虑,使用守护进程来跑Web服务器.守护进程(Daemon)是运行在后台的一种特殊进程,如果服务器用root ...

  6. 【Win10】【译】提交 UWP 应用时遇到意料之外的语言?

    原文链接:http://metronuggets.com/2015/12/03/got-unexpected-extra-languages-in-your-uwp-store-submission/ ...

  7. 字符串 --- KMP Eentend-Kmp 自动机 trie图 trie树 后缀树 后缀数组

    涉及到字符串的问题,无外乎这样一些算法和数据结构:自动机 KMP算法 Extend-KMP 后缀树 后缀数组 trie树 trie图及其应用.当然这些都是比较高级的数据结构和算法,而这里面最常用和最熟 ...

  8. 支付宝支付集成,上传RSA公钥一直显示格式错误

    碰到同样的问题,支付宝的问题,已有解决方案:https://openhome.alipay.com/platform/keyManage.htm?keyType=partner

  9. (三)XmlHelper

    [转]http://blog.csdn.net/u011866450/article/details/50373222 using System.Xml; using System.Data; nam ...

  10. jquery实现全选功能

    主要是模拟一些网页中的表格实现全选功能. <form> 你爱好的运动是: <input type="checkbox" id="Check" ...