在方形按钮周围获得圆形模糊光晕，以便放置在图像上

Question

我用我要实现的图像进行了更新，图像上的模糊增加了阴影的阴影，甚至可以看到白色。我基本上是在将各种按钮放置在图像上方，并欢迎您提供有关最佳做法的任何帮助。我知道Facebook作为应用程序示例以某种方式做到了。

总结我要达到的目标。我有一张占据全屏的图像，我想在该图像的顶部放置一个按钮，该按钮在周围进行填充等模糊处理，以使其在图像顶部看起来很干净。我的按钮是心形png，内部轮廓清晰，红色轮廓，由于形状不规则，因此以正方形表示。我希望心脏位于圆圈上方，圆圈的作用是使图像模糊，以便始终可以看到它。

我使用UIBlurEffect找到了许多类似的解决方案，但没有一个专门解决“正方形图像”的问题，以及如何控制正方形周围的填充物使模糊圈变大/变小。我尝试创建一个透明的UIView，在其中放置一个带模糊的圆圈，然后添加按钮，使其中心对齐，但这似乎是一种不正确的方法，并且无法正常工作。我怀疑对于有专业知识的人来说，这只是我需要正确使用UIBlurEffect的地方。