如何在iOS上自定义模糊效果的不透明度和颜色

您可能知道UIKit的UIBlurEffect 。 但是问题在于,有时候设计🎨需要具有强度,不透明度或颜色的模糊效果,而这种模糊效果与Apple提供的仅有的3种不可自定义的模糊效果不同。

其动机是利用UIKit的模糊效果的优势来实现不同颜色和alpha值的相当“自定义”的模糊效果,如下图所示。

那么,如何进一步实现设计所需的自定义模糊效果呢?

我们可以简单地在模糊效果下添加视图并为其提供alpha值,这最终将使模糊效果自定义为所需的方式。

通过使用3 UIBlurEffect和背面视图的RGBa对其进行自定义。

注意☝️:几乎没有办法找到对应的Sketch / Zeplin模糊Alpha值的确切Alpha值。 但是我们至少可以努力使其达到最佳匹配。

提示✌️:不要忘记在Mac上使用Digital Color Meter应用程序。

自定义模糊效果的代码:

就是这样!

如果您想使用模糊效果值和颜色,请从Github复制源代码。

如果您对其他解决方案有任何想法,请发表评论。 我会很感激您的掌声-如果有帮助或有用的话。


在我的Twitter上找到有关iOS的更多信息。


更新:显然,还有另一种使用CIFilter(name: "CIGaussianBlur")来实现Blur的不错的方法(甚至更好CIFilter(name: "CIGaussianBlur")
它使make的“不透明度”和模糊的强度远低于UIBlurEffect