浅谈iOS模糊效果

简介: 前言 今年过年微信客户端临时出现了一个非常有意思的功能,好友发出带了一层蒙层的照片,发指定金额的红包即可看到清晰相片,今天我们就解开这个神秘的技术面纱。实现技术汇总官方:CoreImage(很早就出现的技术,缺点是转化效率低)UIBlurEff...

前言

今年过年微信客户端临时出现了一个非常有意思的功能,好友发出带了一层蒙层的照片,发指定金额的红包即可看到清晰相片,今天我们就解开这个神秘的技术面纱。

实现技术汇总

官方:

  1. CoreImage(很早就出现的技术,缺点是转化效率低)

  2. UIBlurEffect(iOS8以后出现的新技术,效率比上面的要好,并且简单)

  3. VImage 苹果提供了一个庞大的库,进行更复杂的模糊的效果实现

非官方:

  • GPUImage(第三方大神写的框架)

让我们浅析一下上面的几种技术

1.CoreImage

imageView=[[UIImageView alloc]initWithFrame:CGRectMake(self.view.bounds.size.width/2-100,

 50, 200, 280)];

imageView.image=[self blur];

-(UIImage *)blur
{
CIContext *context=[CIContext contextWithOptions:nil];

CIImage *imageToBlur=[[CIImage alloc]initWithImage:[UIImage imageNamed:@"mm.png"]];

CIFilter *filter=[CIFilter filterWithName:@"CIGaussianBlur"

   keysAndValues:kCIInputImageKey,imageToBlur, nil];

 outputCIImage=[filter outputImage];

UIImage *image=[UIImage imageWithCGImage:[context createCGImage: 

outputCIImage fromRect:outputCIImage.extent]];

return image;

}

效果如下图所示:

这里写图片描述

需要注意:

1.利用CoreImage 进行模糊处理,是非常消耗CPU性能的,建议另辟线程进行处理,若对多线程不是太熟练的可以参考我之前iOS多线程开发系列之(三)Grand Central Dispatch(GCD)系列教程

2.在CIFilter filterWithName:@”CIGaussianBlur”中的Name参数可以根据情况选择,参数列表可以参考Apple官方教程

2.UIBlurEffect

UIBlurEffect技术是从iOS8之后引进的,比CoreImage性能上要优秀,原理是在图片上方生成一个蒙层,若最低适配iOS8的话可以考虑采取这个 ,核心代码如下:

UIBlurEffect *beffect=[UIBlurEffect effectWithStyle:UIBlurEffectStyleExtraLight];

effectview=[[UIVisualEffectView alloc]initWithEffect:beffect];

effectview.frame=imageView.bounds; 

运用UIBlurEffect是可逆的,我们可以去掉蒙层,显示图片

 [effectview removeFromSuperview]; 

UIBlurEffect如此的简单,我们利用它简单实现一下微信红包图片功能吧

 imageView=[[UIImageView 

alloc]initWithFrame:CGRectMake(self.view.bounds.size.width/2-100, 50, 200, 280)];

imageView.image=[UIImage imageNamed:@"mm.png"];

[self.view addSubview:imageView]; 

 - (IBAction)fuzzyBtn:(id)sender {
UIBlurEffect *beffect=[UIBlurEffect effectWithStyle:UIBlurEffectStyleExtraLight];

effectview=[[UIVisualEffectView alloc]initWithEffect:beffect];

effectview.frame=imageView.bounds;

[imageView addSubview:effectview];
 }
    - (IBAction)LookPhoto:(id)sender {
        [effectview removeFromSuperview];
}

效果图如下:

这里写图片描述

这里写图片描述

3. GPUImage

首先要引入GPUImage框架,建议选择 工具CocoaPods进行添加,若对该工具不是太了解的可以参考我的这篇 iOS工具篇–CocoaPods

     GPUImageGaussianBlurFilter * blurFilter = [[GPUImageGaussianBlurFilter alloc] init];

     blurFilter.blurRadiusInPixels = 2.0;

     UIImage * image = [UIImage imageNamed:@"mm.png"];

     UIImage *blurredImage = [blurFilter imageByFilteringImage:image]; 

最后再推荐几篇关于模糊效果的文章

  1. http://beyondvincent.com/2014/01/29/2014-01-29-ios-7-blur-effects-gpuimage/

  2. http://www.molotang.com/articles/1921.html

  3. http://www.cocoachina.com/ios/20141010/9860.html

相关实践学习
部署Stable Diffusion玩转AI绘画(GPU云服务器)
本实验通过在ECS上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。
相关文章
|
30天前
|
Java Android开发 Swift
安卓与iOS开发对比:平台选择对项目成功的影响
【10月更文挑战第4天】在移动应用开发的世界中,选择合适的平台是至关重要的。本文将深入探讨安卓和iOS两大主流平台的开发环境、用户基础、市场份额和开发成本等方面的差异,并分析这些差异如何影响项目的最终成果。通过比较这两个平台的优势与挑战,开发者可以更好地决定哪个平台更适合他们的项目需求。
98 1
|
1月前
|
设计模式 安全 Swift
探索iOS开发:打造你的第一个天气应用
【9月更文挑战第36天】在这篇文章中,我们将一起踏上iOS开发的旅程,从零开始构建一个简单的天气应用。文章将通过通俗易懂的语言,引导你理解iOS开发的基本概念,掌握Swift语言的核心语法,并逐步实现一个具有实际功能的天气应用。我们将遵循“学中做,做中学”的原则,让理论知识和实践操作紧密结合,确保学习过程既高效又有趣。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你打开一扇通往iOS开发世界的大门。
|
1月前
|
搜索推荐 IDE API
打造个性化天气应用:iOS开发之旅
【9月更文挑战第35天】在这篇文章中,我们将一起踏上iOS开发的旅程,通过创建一个个性化的天气应用来探索Swift编程语言的魅力和iOS平台的强大功能。无论你是编程新手还是希望扩展你的技能集,这个项目都将为你提供实战经验,帮助你理解从构思到实现一个应用的全过程。让我们开始吧,构建你自己的天气应用,探索更多可能!
61 1
|
2月前
|
IDE Android开发 iOS开发
探索Android与iOS开发的差异:平台选择对项目成功的影响
【9月更文挑战第27天】在移动应用开发的世界中,Android和iOS是两个主要的操作系统平台。每个系统都有其独特的开发环境、工具和用户群体。本文将深入探讨这两个平台的关键差异点,并分析这些差异如何影响应用的性能、用户体验和最终的市场表现。通过对比分析,我们将揭示选择正确的开发平台对于确保项目成功的重要作用。
|
2月前
|
开发框架 数据可视化 Java
iOS开发-SwiftUI简介
iOS开发-SwiftUI简介
|
3天前
|
设计模式 前端开发 Swift
探索iOS开发:从初级到高级的旅程
【10月更文挑战第31天】在这篇文章中,我们将一起踏上iOS开发的旅程。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的信息和技巧。我们将从基础开始,逐步深入到更高级的技术和概念。让我们一起探索iOS开发的世界吧!
|
6天前
|
设计模式 前端开发 Swift
探索iOS开发:从初级到高级的旅程
【10月更文挑战第28天】在这篇技术性文章中,我们将一起踏上一段探索iOS开发的旅程。无论你是刚入门的新手,还是希望提升技能的开发者,这篇文章都将为你提供宝贵的指导和灵感。我们将从基础概念开始,逐步深入到高级主题,如设计模式、性能优化等。通过阅读这篇文章,你将获得一个清晰的学习路径,帮助你在iOS开发领域不断成长。
30 2
|
11天前
|
安全 API Swift
探索iOS开发中的Swift语言之美
【10月更文挑战第23天】在数字时代的浪潮中,iOS开发如同一艘航船,而Swift语言则是推动这艘船前进的风帆。本文将带你领略Swift的独特魅力,从语法到设计哲学,再到实际应用案例,我们将一步步深入这个现代编程语言的世界。你将发现,Swift不仅仅是一种编程语言,它是苹果生态系统中的一个创新工具,它让iOS开发变得更加高效、安全和有趣。让我们一起启航,探索Swift的奥秘,感受编程的乐趣。
|
13天前
|
Swift iOS开发 开发者
探索iOS开发中的SwiftUI框架
【10月更文挑战第21天】在苹果生态系统中,SwiftUI的引入无疑为iOS应用开发带来了革命性的变化。本文将通过深入浅出的方式,带领读者了解SwiftUI的基本概念、核心优势以及如何在实际项目中运用这一框架。我们将从一个简单的例子开始,逐步深入到更复杂的应用场景,让初学者能够快速上手,同时也为有经验的开发者提供一些深度使用的技巧和策略。
38 1
|
1天前
|
存储 数据可视化 Swift
探索iOS开发之旅:从新手到专家
【10月更文挑战第33天】在这篇文章中,我们将一起踏上一场激动人心的iOS开发之旅。无论你是刚刚入门的新手,还是已经有一定经验的开发者,这篇文章都将为你提供宝贵的知识和技能。我们将从基础的iOS开发概念开始,逐步深入到更复杂的主题,如用户界面设计、数据存储和网络编程等。通过阅读这篇文章,你将获得成为一名优秀iOS开发者所需的全面技能和知识。让我们一起开始吧!