美文网首页
iOS面向函数编程的方式实现高斯模糊效果

iOS面向函数编程的方式实现高斯模糊效果

作者: ssim | 来源:发表于2018-02-07 15:02 被阅读0次

本文仅代表个人学习研究成果,如有不对的地方,请在评论下方探讨!

  1. 将Filter类型定义为一个函数,该函数接受一个图像作为参数并返回一个新的图像

typealias Filter = (CIImage) -> CIImage

构建滤镜

现在我们已经定义了 Filter 类型,接着就可以开始定义函数来构建特定的的滤镜了。这些函数 在接受特定滤镜所需要的参数之后,构造并返回一个 Filter 类型的值。它们的基本形态大概都 是下面这样:

func myFilter (...) -> Filter

注意这里的返回值 Filter,也是一个函数。稍后我们将会借助它来组合多个滤镜以实现期待的 图像效果。

模糊

定义第一个简单的滤镜 —— 高斯模糊滤镜。定义它只需要模糊半径这一个参数:

func blur(radius: Double) -> Filter {
return { image in
let parameters: [String: Any] = [
kCIInputRadiusKey: radius,
kCIInputImageKey: image
]
guard let filter = CIFilter (name: "CIGaussianBlur",
withInputParameters: parameters)
else { fatalError () }
guard let outputImage = filter.outputImage
else { fatalError () } return outputImage
}
}

blur 函数返回一个新函数,新函数接受一个 CIImage 类型的参数 image, 并返回一个新图像 (return lter .outputImage)。因此,blur 函数的返回值满足我们之前定义 的 (CIImage) -> CIImage,也就是 Filter 类型。

颜色叠层

现在让我们来定义一个能够在图像上覆盖纯色叠层的滤镜。Core Image 默认不包含这样一个滤 镜,但是我们完全可以用已经存在的滤镜来组成它。

我们将使用的两个基础组件:颜色生成滤镜 (CIConstantColorGenerator) 和图像覆盖合成滤镜 (CISourceOverCompositing)。首先让我们来定义一个生成固定颜色的滤镜:

funcgenerate(color:UIColor)-> Filter {
return { _ in
let parameters = [kCIInputColorKey: CIColor(cgColor: color.cgColor)]
guard let filter = CIFilter (name: "CIConstantColorGenerator",
withInputParameters: parameters)
else { fatalError () }
guard let outputImage = filter.outputImage
else { fatalError () } return outputImage
}
}

这段代码看起来和我们用来定义模糊滤镜的代码非常相似,但是有一个显著的区别:颜色生成 滤镜不检查输入图像。因此,我们不需要给返回函数中的图像参数命名。取而代之,我们使用 一个匿名参数 _ 来强调滤镜的输入图像参数是被忽略的。

接下来,我们将要定义合成滤镜:
func compositeSourceOver(overlay: CIImage) -> Filter {
return { image in
let parameters = [ kCIInputBackgroundImageKey: image,
kCIInputImageKey: overlay
]
guard let filter = CIFilter (name: "CISourceOverCompositing",
withInputParameters: parameters)
else { fatalError () }
guard let outputImage = filter.outputImage
else { fatalError () }
return outputImage.cropped(to: image.extent)
}

在这里我们将输出图像剪裁为与输入图像一致的尺寸。严格来说,这不是必须的,完全取决于
我们希望滤镜如何工作。不过,这个选择在我们即将涉及的例子中效果很好。
最后,我们通过结合两个滤镜来创建颜色叠层滤镜:
func overlay(color: UIColor) -> Filter {
return { image in
let overlay = generate(color: color)(image).cropped(to: image.extent)
return compositeSourceOver(overlay: overlay)(image)
}
}

我们再次返回了一个接受图像作为参数的函数。我们在定义该函数的整个过程中所做的一切可 大致概括为:首先使用先前定义的颜色生成滤镜函数 generate(color:) 来生成一个新叠层。然 后以颜色作为参数调用该函数,返回 Filter 类型值。而 Filter 类型本身就是一个从 CIImage 到 CIImage 的函数,因此我们还可以向 generate(color:) 函数传递一个 image 参数,最终通过计 算能够得到一个 CIImage 类型的新叠层。
与叠层的创建相似,所构建的滤镜函数的返回值也有着相同的结构:先通过调用 compositeSourceOver(overlay:) 来创建一个滤镜。然后以输入图像为参数调用这个滤镜。

复合函数组合滤镜

ffunc compose( filter filter1: @escaping Filter, with filter2 : @escaping Filter) -> Filter
{ `` return { image in filter2 ( filter1 (image)) }
}

使用

image.png

demo

以上知识源于王巍大神的分享,后期会持续更新,致敬王巍大神!

相关文章

  • iOS面向函数编程的方式实现高斯模糊效果

    本文仅代表个人学习研究成果,如有不对的地方,请在评论下方探讨! 将Filter类型定义为一个函数,该函数接受一个图...

  • 高斯模糊

    高斯模糊 【iOS 开发】实现毛玻璃(高斯模糊)效果 - CocoaChina_让移动开发更简单

  • Android 网易云音乐图片高斯模糊

    Android 背景图流行使用高斯模糊效果,界面效果会比较好看。分析各种实现方式,实现网易云音乐图片加载高斯模糊背...

  • 图片高斯模糊效果

    iOS开发的时候有的时候需要将图片设置模糊,或者通过点击下拉方法,去除模糊。关于图片实现高斯模糊效果有三种方式,C...

  • iOS的毛玻璃效果

    简要说明 毛玻璃(高斯模糊)效果是iOS开发中经常使用到的一个实现模糊效果的技能,实现这个效果有三种方法: 在iO...

  • iOS自带实现高斯模糊效果

    引 什么叫高斯模糊效果,通俗地说,就是毛玻璃效果,从iOS 7以来,就频繁地被设计使用,如果用得好,效果会显得非常...

  • ios 毛玻璃效果(高斯模糊)

    // ios 毛玻璃效果(高斯模糊) UIImageView *bgImg = [[UIImageView al...

  • iOS模糊效果

    实现模糊效果的方式有好几种,这里说明其中两种。 1.毛玻璃 2.高斯模糊,将图片处理成高斯模糊。 值得一提的是,将...

  • iOS开发笔记-GPUImage初使用(一)

    由于需要在开发中使用到对于图片的高斯模糊效果,查看了网络上的所有方式,总结了有三个比较常用的方式可以实现模糊效果,...

  • iOS 高斯模糊和头像放大

    很多项目中都会用到高斯模糊(毛玻璃效果)以及头像放大,类似下面的效果: 1、首先解决高斯模糊:iOS系统已经提供了...

网友评论

      本文标题:iOS面向函数编程的方式实现高斯模糊效果

      本文链接:https://www.haomeiwen.com/subject/vfoozxtx.html