ios磨砂玻璃逻辑

Posted

技术标签:

【中文标题】ios磨砂玻璃逻辑【英文标题】:ios frosted glass logic 【发布时间】:2015-03-29 12:14:42 【问题描述】:

磨砂玻璃效果

我正在考虑如何从逻辑上解决这个问题..

所以我们取背景图片(例如)

然后,我们想将我们的磨砂玻璃按钮添加到此图像中。这是它的外观..

现在我知道我无法以编程方式模糊按钮的背景图像,因此我将尝试使用两个图像来实现。Background.png 和 Backgorund_Blurred.png。

现在,毛玻璃效果将出现在动画对象上。因此,当它们在屏幕上移动时,它应该会模糊其背后的背景图像,但是,要实现这一点,我只能想到一种方法。但这样做超出了我目前的能力。

例如,它必须是 UIButton 的 background_blurred 图像。没有以任何方式缩放,并且与正常背景的大小完全相同。然后,我必须在正常背景上获取按钮的相对位置并附加按钮的 background_blurred 以适应。

我的第一个问题;这可能吗?

第二个问题;有没有更简单的方法?

最后,我添加了一张图片来理解相对位置理论。

【问题讨论】:

查看 FXBlur 库,它可以让你模糊图像/视图。我已经成功使用它,听起来它会做你想做的事。 @Jay 谢谢伙计,所以它没有采取我想的方法吗? 不,我认为为这些资产制作两张图片可能更容易,但从长远来看,让视图模糊可能会更好,因为您不必担心更新不同分辨率的图片未来或关心按钮有多大/将有多大。此外,如果您想使用更多图像执行此操作,它将变得一团糟,需要管理所有不同的图像。该库易于使用,只需一次调用你会有一个模糊的图像/视图.. @Jay 再次感谢,如果您将其作为答案发布,我会接受。 【参考方案1】:

查看 FXBlur 库,它可以让你模糊图像/视图。我已经成功使用它,听起来它会做你想做的事。

我认为为这些资产制作两张图片可能更容易,但从长远来看,让视图模糊可能会更好,因为您不必担心将来更新不同分辨率的图片或关心图像有多大按钮是/将是.. 另外,如果您想对更多图像执行此操作,它将变成一团糟,需要管理所有不同的图像.. 该库易于使用,只需调用一次,您就会得到一个模糊的图像/查看..

【讨论】:

以上是关于ios磨砂玻璃逻辑的主要内容,如果未能解决你的问题,请参考以下文章

iOS 毛玻璃效果设置

ios毛玻璃效果

IOS实现毛玻璃效果的三种方式

ios8 毛玻璃效果

iOS 毛玻璃效果

iOS 实现简单的毛玻璃效果