IOS – 如何创建具有模糊背景的Facebook反应栏？

概述虽然可能不是复制某些Facebook设计的那一周,但我希望能够设计我自己版本的反应指标视图. 我有三个UIImageViews排列在与上面相同的位置.问题是,与Facebook不同,背景颜色可能会改变(即在UIBlurEffect之上),因此我无法将边框颜色设置为白色. 我认为设置borderColor是有意义的： imageViewOne.layer.borderColor = UIColor. 虽然可能不是复制某些Facebook设计的那一周,但我希望能够设计我自己版本的反应指标视图.

我有三个UIImageVIEws排列在与上面相同的位置.问题是,与Facebook不同,背景颜色可能会改变(即在UIBlurEffect之上),因此我无法将边框颜色设置为白色.

我认为设置bordercolor是有意义的：

imageVIEwOne.layer.bordercolor = UIcolor.clear.cgcolorimageVIEwOne.layer.borderWIDth = 2

但是,底层的imageVIEwTwo显示在边框而不是背景颜色.

到目前为止,我有这个：

希望得到一些关于如何使这项工作的帮助/想法 – 我正在考虑面具,但不确定是否.这是正确的解决方案,b.如何达到预期的效果.为了澄清,我无法将边框颜色设置为常量,因为它将随UIBlurEffect而变化.

解决方法 在我看来,有两种方法可以解决您的问题.

>创建和使用剪辑图像为哇和爱像下面的爱图像.

>另一种方法是使用mask property of UIView.创建蒙版图像并将其应用于蒙版属性.

掩模图像看起来像.

应用面具的代码.

let imvloveMask = UIImageVIEw.init(image: UIImage.init(named: "MASK_IMAGE_name"));imvloveMask.frame = CGRect.init(x: 0,y: 0,wIDth: imvlove.frame.size.wIDth,height: imvlove.frame.size.height);imvlove.mask = imvloveMask;

以上两种方法都可以帮助您在问题中实现您想要的效果.图像背景在下面的图像是一个UIVisualEffectVIEw.

在我看来,剪切图像的第一种方式更好更快,因为你不需要为你的imageVIEw应用蒙版.但如果您不想出于某种原因创建剪切图像,则可以使用第二种方式.

有关更多详细信息,请查看my demo repo

总结

以上是内存溢出为你收集整理的IOS – 如何创建具有模糊背景的Facebook反应栏？全部内容，希望文章能够帮你解决IOS – 如何创建具有模糊背景的Facebook反应栏？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。