如何在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
。