毛玻璃效果算法c语言

E安全 • 2024年3月26日 15:00:01 • C语言 • 阅读 49

Android上如何做出毛玻璃模糊的效果？

上图展示了一种很典型的视觉效果——文字的背景不再是固定的，而是将底层的相应区域模糊化，好似盖了一层毛玻璃。

其原理也很简单，分为三步走：

里面涉及到的技术点有两个：

ViewTreeObserver里面有一个监听器为OnPreDrawListener

当它执行时，布局文件经过了 measured 、 laid out 、 displayed ，即将被绘制到屏幕，此时调用它的 getDrawingCache() 方法可以获得其Bitmap。完整方法如下：

方案有两种：

两种方案都可以进行对Bitmap对象的模糊处理，但当模糊半径增大时，StackBlur能够保持较好的性能，且不受Renderscript半径25px的限制。

在GitHub项目有一个项目 blurring ，其实现了StackBlur算法的Java实现版FastBlur，并给出两种方案效率对比demo。经过测试，

看起来，Renderscript的性能更好，应该是Android上对Renderscript做了优化。尽管如此，考虑到Android中渲染一帧的时间应该不超过16ms（60fps），这样的性能并不友好。 blurring 作者想出了另外一种思路：

这时候，效率提升非常明显：

生成的模糊图片当然有所不同，但是都是模糊背景，所以对用户而言没有太大差别。

好了，至此Android上制作毛玻璃背景模糊效果的技术都确定了。

我在 blurring 基础上做了封装，接口如下：

相对应类有两个：

如何通过 HTML5 实现 iOS 7 的实时毛玻璃模糊效果

要想通过HTML5实现IOS7的毛玻璃模糊效果需要用代码来执行

//加模糊效果，image是图片，blur是模糊度

– (UIImage *)blurryImage:(UIImage *)image withBlurLevel:(CGFloat)blur {

//模糊度,

if ((blur 0.1f) || (blur 2.0f)) {

blur = 0.5f;

}

//boxSize必须大于0

int boxSize = (int)(blur * 100);

boxSize -= (boxSize % 2) + 1;

NSLog(@”boxSize:%i”,boxSize);

//图像处理

CGImageRef img = image.CGImage;

//需要引入#import Accelerate/Accelerate.h

This document describes the Accelerate Framework, which contains C APIs for vector and matrix math, digital signal processing, large number handling, and image processing.

本文档介绍了Accelerate Framework，其中包含C语言应用程序接口（API）的向量和矩阵数学，数字信号处理，大量处理和图像处理。

//图像缓存,输入缓存，输出缓存

vImage_Buffer inBuffer, outBuffer;

vImage_Error error;

//像素缓存

void *pixelBuffer;

//数据源提供者，Defines an opaque type that supplies Quartz with data.

CGDataProviderRef inProvider = CGImageGetDataProvider(img);

// provider’s data.

CFDataRef inBitmapData = CGDataProviderCopyData(inProvider);

//宽，高，字节/行，data

inBuffer.width = CGImageGetWidth(img);

inBuffer.height = CGImageGetHeight(img);

inBuffer.rowBytes = CGImageGetBytesPerRow(img);

inBuffer.data = (void*)CFDataGetBytePtr(inBitmapData);

//像数缓存，字节行*图片高

pixelBuffer = malloc(CGImageGetBytesPerRow(img) * CGImageGetHeight(img));

outBuffer.data = pixelBuffer;

outBuffer.width = CGImageGetWidth(img);

outBuffer.height = CGImageGetHeight(img);

outBuffer.rowBytes = CGImageGetBytesPerRow(img);

// 第三个中间的缓存区,抗锯齿的效果

void *pixelBuffer2 = malloc(CGImageGetBytesPerRow(img) * CGImageGetHeight(img));

vImage_Buffer outBuffer2;

outBuffer2.data = pixelBuffer2;

outBuffer2.width = CGImageGetWidth(img);

outBuffer2.height = CGImageGetHeight(img);

outBuffer2.rowBytes = CGImageGetBytesPerRow(img);

//Convolves a region of interest within an ARGB8888 source image by an implicit M x N kernel that has the effect of a box filter.

error = vImageBoxConvolve_ARGB8888(inBuffer, outBuffer2, NULL, 0, 0, boxSize, boxSize, NULL, kvImageEdgeExtend);

error = vImageBoxConvolve_ARGB8888(outBuffer2, inBuffer, NULL, 0, 0, boxSize, boxSize, NULL, kvImageEdgeExtend);

error = vImageBoxConvolve_ARGB8888(inBuffer, outBuffer, NULL, 0, 0, boxSize, boxSize, NULL, kvImageEdgeExtend);

if (error) {

NSLog(@”error from convolution %ld”, error);

}

// NSLog(@”字节组成部分：%zu”,CGImageGetBitsPerComponent(img));

//颜色空间DeviceRGB

CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

//用图片创建上下文,CGImageGetBitsPerComponent(img),7,8

CGContextRef ctx = CGBitmapContextCreate(

outBuffer.data,

outBuffer.width,

outBuffer.height,

outBuffer.rowBytes,

colorSpace,

CGImageGetBitmapInfo(image.CGImage));

//根据上下文，处理过的图片，重新组件

CGImageRef imageRef = CGBitmapContextCreateImage (ctx);

UIImage *returnImage = [UIImage imageWithCGImage:imageRef];

//clean up

CGContextRelease(ctx);

CGColorSpaceRelease(colorSpace);

free(pixelBuffer);

free(pixelBuffer2);

CFRelease(inBitmapData);

CGColorSpaceRelease(colorSpace);

CGImageRelease(imageRef);

return returnImage;

}

这里要注意的是以上的代码会有崩溃的情况

崩溃log：Assertion failed: (!space-is_singleton), function color_space_dealloc, file ColorSpaces/color-space

可以用如下方式来实现

– (UIImage *)applyBlurRadius:(CGFloat)radius toImage:(UIImage *)image

{

if (radius 0) radius = 0;

CIContext *context = [CIContextcontextWithOptions:nil];

CIImage *inputImage = [CIImageimageWithCGImage:image.CGImage];

// Setting up gaussian blur

CIFilter *filter = [CIFilterfilterWithName:@”CIGaussianBlur”];

[filter setValue:inputImageforKey:kCIInputImageKey];

[filter setValue:[NSNumbernumberWithFloat:radius] forKey:@”inputRadius”];

CIImage *result = [filtervalueForKey:kCIOutputImageKey];

CGImageRef cgImage = [context createCGImage:result fromRect:[inputImage extent]];

UIImage *returnImage = [UIImageimageWithCGImage:cgImage];

CGImageRelease(cgImage);

return returnImage;

}

如何在 iPhone 中实现图片的毛玻璃效果

如何通过 ToolBar 模拟出图片的毛玻璃效果。首先我们新建一个工程，工程模板切换到 iOS ，选择 Single View Application ，如下图所示：

点击 Next ，命名任意，Language 选择 Objective-C，如下图所示：

输入完工程名之后，继续点击 Next ，选择一个在你 Mac 上用于存储工程文件的目录完成即可，工程建立好之后开始我们今天的代码之旅。

既然需要模拟图片的毛玻璃效果，我们首先当然就需要一张图片，我这里用了一张周杰伦第一张专辑的封面作为本节内容的图片素材，图片如下：

接下来，将这张图片拖动到刚才建立好的工程文件的文件夹 Assets.xcassets 中，如下图所示：

现在点击左侧文件列表选择 ViewController.m 文件，这时候会在文件列表右侧代码区域显示相关代码，接下来我们书写代码，完成我们今天想要达到的效果。

需要注意的是，以下代码我们需要写在 viewDidLoad 方法中，OK，开始。

第一步，我们首先对图片进行处理，将图片添加进 iPhone 界面，并全屏显示。相关代码如下：

创建 UIImageView 对象用于存储图片，代码如下：

设置图片尺寸占据整个屏幕，代码如下：

指定待显示图片资源，代码如下：

设置图片显示模式，代码如下：

在 iPhone 上显示 image 图片，代码如下：

先来看一下现在效果如何，运行模拟器，效果如下：

这样我们就将这张图片添加到了 iPhone ，并进行了全屏显示，由于图片比例和 iPhone 比例不一致，所以这里略显比例失衡，大家可以找一张比例一致的图片进行测试，接下来我们看下一步如何制作毛玻璃效果。

第二步，制作毛玻璃效果，这里我们利用 ToolBar 覆盖在图片上来模拟毛玻璃的效果，具体操作方法就是先建立一个 ToolBar 对象，然后设置它的尺寸和图片尺寸一致，即设置为屏幕尺寸，然后覆盖在图片上即可，相关操作代码如下。

创建 ToolBar 对象，代码如下：

设置 ToolBar 尺寸和图片尺寸一致，代码如下：

设置毛玻璃效果，代码如下：

将 toolBar 添加到图片上覆盖图片，代码如下：

运行模拟器，效果如下：

这是黑色的毛玻璃效果，关于毛玻璃还有一种默认的白色效果，只需将毛玻璃效果设置代码修改为如下代码即可：

运行模拟器，效果如下：

但个人觉得黑色要更加好看一些，所以这里我使用黑色，我将设置代码还原为黑色效果。

现在，图片已经出现了毛玻璃效果，比较模糊，如果这时候我们在毛玻璃上写字，那么这个字一定会异常清晰，要不要试试看，OK，我们来继续在毛玻璃上面写点字看一下效果，我们就在图片下方写上这张专辑的名字吧。

第三步，添加文字，相关代码如下。

创建 Label 对象，代码如下：

设置文字显示位置，代码如下：

设置文字显示颜色为白色，代码如下：

设置文字居中对齐，代码如下：

设置文字显示内容，代码如下：

将文字添加到 toolBar 上进行显示，代码如下：

运行模拟器，效果如下：

至此，全部代码写完，完成今天毛玻璃效果图片的效果演示，完整代码如下：

pre style=”font-size:11.899999618530273px; line-height:1.45; font-family:Consolas,’Liberation Mono’,Menlo,Courier,monospace; word-wrap:normal; padding:16px; overflow:auto; background-color:rgb(247,247,247); color:rgb(51,51,51); margin-top:0px!important; margin-bottom:0px!important”code style=”display:inline; overflow:visible; background-color:transparent; font-family:Consolas,’Liberation Mono’,Menlo,Courier,monospace; word-break:normal; border:0px; line-height:inherit; word-wrap:normal”- (span style=”font-weight:700″void/span)viewDidLoad { nbsp; nbsp;[span style=”font-weight:700″super/span viewDidLoad]; nbsp; nbsp; nbsp; nbsp;span style=”color:#999988; font-style:italic”// 第一步：对图片进行处理/span nbsp; nbsp;span style=”color:#086b3″UIImageView/span *imageView = [[span style=”color:#086b3″UIImageView/span alloc]init]; nbsp; nbsp;imageViewspan style=”color:teal”.frame/span = span style=”font-weight:700″self/spanspan style=”color:teal”.view/spanspan style=”color:teal”.bounds/span; nbsp; nbsp;imageViewspan style=”color:teal”.image/span = [span style=”color:#086b3″UIImage/span imageNamed:span style=”color:#dd1144″@”Jay.jpg”/span]; nbsp; nbsp;imageViewspan style=”color:teal”.contentMode/span = span style=”color:#086b3″UIViewContentModeScaleToFill/span; nbsp; nbsp; nbsp; nbsp;span style=”color:#999988; font-style:italic”// 第二步：制作毛玻璃/span nbsp; nbsp;span style=”color:#086b3″UIToolbar/span *toolBar = [[span style=”color:#086b3″UIToolbar/span alloc]init]; nbsp; nbsp;toolBarspan style=”color:teal”.frame/span = imageViewspan style=”color:teal”.bounds/span; nbsp; nbsp;toolBarspan style=”color:teal”.barStyle/span = span style=”color:#086b3″UIBarStyleBlack/span; nbsp; nbsp;[imageView addSubview:toolBar]; nbsp; nbsp; nbsp; nbsp;span style=”color:#999988; font-style:italic”// 第三步：添加文字/span nbsp; nbsp;span style=”color:#086b3″UILabel/span *label = [[span style=”color:#086b3″UILabel/span alloc]init]; nbsp; nbsp;labelspan style=”color:teal”.frame/span = span style=”color:#086b3″CGRectMake/span(span style=”font-weight:700″self/spanspan style=”color:teal”.view/spanspan style=”color:teal”.frame/spanspan style=”color:teal”.size/spanspan style=”color:teal”.width/span/span style=”color:teal”2/span-span style=”color:teal”50/span, span style=”font-weight:700″self/spanspan style=”color:teal”.view/spanspan style=”color:teal”.frame/spanspan style=”color:teal”.size/spanspan style=”color:teal”.height/span/span style=”color:teal”2/span+span style=”color:teal”150/span, span style=”color:teal”100/span, span style=”color:teal”100/span); nbsp; nbsp;labelspan style=”color:teal”.textColor/span = [span style=”color:#086b3″UIColor/span whiteColor]; nbsp; nbsp;labelspan style=”color:teal”.textAlignment/span = span style=”color:#086b3″NSTextAlignmentCenter/span; nbsp; nbsp;labelspan style=”color:teal”.text/span = span style=”color:#dd1144″@”Jay”/span; nbsp; nbsp;[toolBar addSubview:label]; nbsp; nbsp; nbsp; nbsp;[span style=”font-weight:700″self/spanspan style=”color:teal”.view/span addSubview:imageView]; }/code/pre

本文来自投稿，不代表【痞子匠】观点，发布者：【E安全】

本文地址：https://www.pizijiang.com/wep/202867.html ，如若转载，请注明出处！

举报投诉邮箱：253000106@qq.com

效果毛玻璃算法

打赏

微信扫一扫

支付宝扫一扫

0 0

关于作者

E安全作者

64.2K 文章

0 评论

0 粉丝

这个人很懒，什么都没有留下～

c语言编程软件vc6.0下载

上一篇 2024年3月26日 14:55:55

c语言可以用来写什么作用

下一篇 2024年3月26日 15:03:04

C语言

c语言深度优先算法,深度优先算法的多种结果

C语言编写深度优先搜索(DFS)是否需要回溯 1、我就是从pascal转到c多年的，这些算法和语言无关的，只是一种思想。 2、深度优先是沿着一条路走到底，走不通了或到头了，再回溯，再搜索。 3、根据深度优先遍历的概念：沿着这树的某一分支向下遍历到不能再深入为止，之后进行回溯再选定新的分支。 4、（1）针对所给问题，定义问题的解空间；（2）确定易于搜索的解空间…

E安全
2024年5月18日
42000
Java

java排序时间复杂度,java排序算法时间复杂度

java十大算法 1、/*快速排序的算法思想：选定一个枢纽元素，对待排序序列进行分割，分割之后的序列一个部分小于枢纽元素，一个部分大于枢纽元素，再对这两个分割好的子序列进行上述的过程。 2、java中的算法，常见的有：递归、迭代、查找、排序（包含冒泡排序、选择排序、插入排序、快速排序四种）等，算法有很多，一般数据结构中涉及到的都可以用java语言实现。 3…

E安全
2024年5月18日
43000
Java

学java算法不好,java学不好怎么办

Java开发为什么学不好? 最适合你的可能是昌平北大青鸟Java培训的零基础就业班，在这里老师手把手的教学辅导，而且最重要的是，这些入门知识体系足以像教小孩过马路那样，引导你学习那些令人头疼的变量和条件语句，以及初级编程语法。其实这是很正常的，在学Java编程的时候，总是会有点摇摆不定。好比爬山，你在山脚下纠结该从哪条路上去，而实际上，每一条都能通往山顶，…

E安全
2024年5月18日
40000
C语言

c语言交换算法,c语言数据交换的算法

C语言编写一个带flag冒泡排序算法并打印输出比较次数和交换次数?_百度… 1、C语言实现Bubblesort：void bubblesort(int a[]， int m) { int i，j； int tmp； int flag = 0； //设定标志，如果第一次循环比较时没有发生交换，则说明数组是升序排序，不用排序，提前结束循环。 2、冒泡…

E安全
2024年5月18日
37000
C语言

crc校验算法c语言,crc16校验算法c语言

我要用C语言编写CRC16效验码。通过输入一个串然后计算出CRC16效验码… 在用C语言编写CRC校验码的实现程序时我们应该注意，生成多项式对应的十六进制数为0x18005，由于CRC寄存器左移过程中，移出的最高位为1时与相异或，所以与16bit的CRC寄存器对应的生成多项式的十六进制数可用0x8005表示。系统先把所有的float转换为d…

E安全
2024年5月18日
30000
C语言

c语言魔方还原,c语言魔方阵算法

魔方阵的C语言 1、所谓魔方阵是指这样的的方阵：它的每一行、每一列和对角线之和均相等。输入n，要求打印由自然数1到n2的自然数构成的魔方阵（n为奇数）。 2、首先魔方阵是一个奇数行列式方阵，它的一行，一列，对角线的和都相等。 3、VC对指针类型的转换是按照C++规范来判定的，要求比较严不同类型的指针转换，必须加强制转换。 c语言中n阶魔方中的问题,详情请…

E安全
2024年5月18日
69000
C语言

凸包算法c语言代码,凸包定理

c语言高手请帮忙 /*将c盘根目录下的一个指定的文件的注释放到c：\newfile.txt中。调试通过，运行时请在程序名后输入指定文件的名称。先编译连接生成exe程序，然后在cmd窗口里运行。本来是C语言菜鸟，想做个C语言作业，可是不会做，现在求助C语言高手帮我的忙，越快越好，如果采纳了追加50分。 while()里面是布尔类型的值，0相当于false，其…

E安全
2024年5月17日
35000
C语言

c语言用链表排序算法,c语言链表快速排序

编写一个算法,用单链表表示的待排序关键码序列上实现简单选择排序。(用… 1、创建一个新链表。插入节点。删除节点。插入法排序链表（从小到大）。选择法排序链表（从小到大）。显示当前链表。0. 退出程序。 2、C++程序(1)建立单向链表，每个结点包括：学号，姓名，性别。(2)按照学号对该链表进行升序排序，要求采用冒泡法，而后进行输出。在主函…

E安全
2024年5月17日
39000
Java

prefixspan算法java,prefixspan算法的用处

java怎么让数组的数字从大到小排序? 1、同时常用的比较排序算法主要有：冒泡排序，选择排序，插入排序，归并排序，堆排序，快速排序等。 2、int[] num = new int[str.length]；//初始化一个整型数组，长度为你输入数字的个数。 3、冒泡排序，将第一个数字和后面的数字逐个比较大小，如果小于，则互换位置，大于则不动。此时，第一个数为数组…

E安全
2024年5月17日
30000
C语言

算法c语言的实现,算法c语言实现14pdf

如何用C语言实现RSA算法 1、/*数据只能是大写字母组成的字符串。加密的时候，输入Y，然后输入要加密的文本（大写字母）解密的时候，输入N，然后输入一个整数n表示密文的个数，然后n个整数表示加密时候得到的密文。 2、// 欧几里德算法，判断a，b互质 int gcd(int a， int b){ int temp；while (b ！= 0) { temp …

E安全
2024年5月17日
38000