圆形 UIVisualEffectView

Question

我有地图。 在地图上，我想画一个模糊的小圆圈。 我已经实现了这样的事情：

UIVisualEffect *visualEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
self.visualEffectView = [[UIVisualEffectView alloc] initWithEffect:visualEffect];
[self addSubview:self.visualEffectView];

然后在layoutSubviews ：

[self.visualEffectView setFrame:CGRectMake(0.f, 0.f, 20.f, 20.f];

现在的问题是让这个观点变得圆润。 我试过了：

[self.visualEffectView.layer setCornerRadius:10.f];

然而什么也没有发生。 另一个尝试是（基于SOF 问题）：

CAShapeLayer *mask = [CAShapeLayer layer];
mask.path = [UIBezierPath bezierPathWithOvalInRect:self.visualEffectView.bounds].CGPath;
self.visualEffectView.layer.mask = mask;

但在这种情况下， visualEffectView是圆形但不模糊：/。 有没有办法让它工作？

顺便说一句：我试过FXBlurView ，但是它工作得非常慢，我不能接受我的应用程序在 iPhone 5 上只加载地图 + 模糊约 1 分钟。

Answer 1

试用：

self.visualEffectView.clipsToBounds = YES;

在设置cornerRadius后放置它。 应该是这样。 你可以省略 BezierPath 的东西。 希望这可以帮助 ：）

编辑：

我只是在我自己的项目中尝试了类似的东西。 保持圆角模糊的一个好方法是将视觉效果视图作为与视觉效果视图具有相同框架的新视图的子视图。 您现在可以设置这个新父UIView对象的角半径并将其clipsToBounds属性设置为YES 。 然后它会自动为其子视图提供角半径，因为它会裁剪到其边界。

试一试，它适用于我的情况。

Answer 2

如果有人想知道怎么做，我想出了这个，不需要代码：

1. 在属性编辑器中创建一个视图并将其背景设置为“清除颜色”（它必须是清除颜色而不是默认颜色。

2. 将另一个视图拖到第一个视图的顶部，将其调整为您想要的视觉效果视图的大小，然后在属性编辑器中将其背景设置为“清除颜色”，然后选中“剪辑子视图”。

   同样在这个视图上，转到身份检查器，在“用户定义的运行时属性”下添加一个名为“layer.cornerRadius”的新键路径，输入“数字”，并将其值设置为 9 或更高以获得合适的圆角边缘. （Xcode 中有一个错误，一旦您更改了类型，就会将键路径更改回默认值，如果发生这种情况，请务必返回并在 layer.cornerRadius 中重新键入）。

3. 在步骤 3 中的视图顶部拖动一个带有模糊的视觉效果视图。

4. 现在运行你的程序。 您将拥有圆润的边缘、模糊和无伪影。

现在，我创建了我的使用 segue 链接的地方，如果您需要它与 segue 一起使用，您的 segue 必须设置为 Modal，并且演示文稿必须设置为 OVER 全屏（不仅仅是全屏）。

这是演示它的项目文件的链接。 注意第二个视图控制器中视图的层次结构： Dropbox 上的项目文件

编辑：我的照片消失了，所以我读了它。

Answer 3

自从最初的问题以来，事情显然发生了变化，但我能够通过在 Visual Effect View 本身的“User Defined Runtime Attributes”中选择“Clip to Bounds”并设置“layer.cornerRadius”来实现这一点。

Answer 4

要绘制圆形，CornerRadius 在您的示例中必须等于 width/2，width = 30，然后 CornerRadius = 30/2 = 15；

Answer 5

这对我有用

@IBOutlet weak var blurView: UIVisualEffectView!

而在 viewDidLoad()

blurView.layer.cornerRadius = 10;
blurView.clipsToBounds  =  true

您可以根据自己的喜好更改拐角半径。

Answer 6

嗯，所以有可能像在普通 UIView 上一样应用圆角。 但是UIVisualEffectView看起来不太好，因为圆的弯曲“侧面”附近的区域没有正确模糊。 因为它看起来有缺陷和丑陋，我不建议舍UIVisualEffectView 。