如何使用UIVisualEffectView来模糊图像？

Question

有人可以举一个将模糊应用于图像的小例子吗？我一直在尝试弄清楚代码一段时间了:( obj c还是新的！在UIVisualEffectView提供了对复杂视觉效果的简单抽象。根据所需的效果，结果可能会影响位于视图后面的内容或添加到视图的contentView的内容。施加UIVisualEffectView到一个现有的视图以应用模糊或活力效果离开的视图。将UIVisualEffectView添加到视图层次结构后，将所有子视图添加到的contentView中UIVisualEffectView。不要将子视图直接添加到UIVisualEffectView自身。https://developer.apple.com/documentation/uikit/uivisualeffectview#//apple_ref/occ/instp/UIVisualEffectView/contentView

Answer 1

只需将此模糊视图放在imageView上即可。这是Objective-C中的一个示例：

UIVisualEffect *blurEffect;

blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];

UIVisualEffectView *visualEffectView;

visualEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];

visualEffectView.frame = imageView.bounds;

[imageView addSubview:visualEffectView];

和Swift：

var visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .Light))    

visualEffectView.frame = imageView.bounds

imageView.addSubview(visualEffectView)

Answer 2

您也可以使用界面生成器在简单情况下轻松创建这些效果。由于视图的Z值将取决于它们在“文档大纲”中列出的顺序，因此您可以UIVisualEffectView在要模糊的视图之前将a 拖到文档大纲上。这将自动创建一个嵌套UIView，这是contentView给定的属性UIVisualEffectView。将要显示在模糊顶部的内容嵌套在该视图中。

您还可以轻松利用vibrancy UIVisualEffect，它会自动UIVisualEffectView在文档轮廓中创建另一个嵌套，默认情况下启用了vibrancy。然后，您可以将标签或文本视图添加到嵌套的UIView（同样是的contentView属性UIVisualEffectView），以实现与“>幻灯片以解锁“ UI元素相同的效果。