【iOS开发】生成高斯模糊效果背景

最新推荐文章于 2024-08-29 09:15:22 发布

转载最新推荐文章于 2024-08-29 09:15:22 发布 · 219 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/635409

文章标签：

#移动开发 #swift

本文介绍了一个使用Swift实现的高斯模糊背景效果的函数。该函数可以将任意图片放大并进行高斯模糊处理，最终将其作为背景展示。适用于需要美化界面背景的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做开发时，总是使用系统默认的白色背景会显得有些生硬，所以当我们以展示图片为目的时，不妨将图片放大、再做高斯模糊处理以作为背景。

我把这个处理过程用 Swift 封装成了一个函数，供大家参考。

//创建高斯模糊效果的背景
func createBlurBackground (image:UIImage,view:UIView,blurRadius:Float) {
    //处理原始NSData数据
    let originImage = CIImage(CGImage: image.CGImage )
    //创建高斯模糊滤镜
    let filter = CIFilter(name: "CIGaussianBlur")
    filter.setValue(originImage, forKey: kCIInputImageKey)
    filter.setValue(NSNumber(float: blurRadius), forKey: "inputRadius")
    //生成模糊图片
    let context = CIContext(options: nil)
    let result:CIImage = filter.valueForKey(kCIOutputImageKey) as! CIImage
    let blurImage = UIImage(CGImage: context.createCGImage(result, fromRect: result.extent()))
    //将模糊图片加入背景
    let w = self.view.frame.width
    let h = self.view.frame.height
    let blurImageView = UIImageView(frame: CGRectMake(-w/2, -h/2, 2*w, 2*h)) //模糊背景是界面的4倍大小
    blurImageView.contentMode = UIViewContentMode.ScaleAspectFill //使图片充满ImageView
    blurImageView.autoresizingMask = UIViewAutoresizing.FlexibleWidth | UIViewAutoresizing.FlexibleHeight //保持原图长宽比
    blurImageView.image = blurImage
    self.view.insertSubview(blurImageView, belowSubview: view) //保证模糊背景在原图片View的下层
}

三个参数分别为：image（原始清晰图片）、view（你需要将生成的模糊背景插入在这个view的下层当做背景）、blurRadius（高斯模糊处理的模糊半径）

其中 let context = CIContext(options: nil)
这一句，在真机测试时，会引起控制台报错

控制台输出

这是苹果的一个 Bug ，想要回避这个信息输出可以用下面这一句进行替换：
let context = CIContext(options:[kCIContextUseSoftwareRenderer : true])
这句可以使图片渲染工作在 CPU 而非 GPU 完成，从而绕过这个 Bug，但是会引起效率下降，耗时大大增加，不推荐使用。

使用效果展示：

self.createBlurBackground(img, view: self.gifView, blurRadius: 50)

使用前

使用后