Question

现在我正在构建一个需要模糊整个UIView的iPhone应用程序。我怎样才能做到这一点？我见过this framework，但我不认为这适用于UIView。是否有另一种模糊UIView的方法？

更新：检查下面我更新的答案，添加更多与iOS 7和iOS 8相关的相关性。

Answer 1

这应该有效。我在代码中评论过，以帮助您了解正在发生的事情：

//To take advantage of CIFilters, you have to import the Core Image framework
#import <CoreImage/CoreImage.h>

//Get a UIImage from the UIView
UIGraphicsBeginImageContext(myView.bounds.size);
[myView.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

//Blur the UIImage with a CIFilter
CIImage *imageToBlur = [CIImage imageWithCGImage:viewImage.CGImage];    
CIFilter *gaussianBlurFilter = [CIFilter filterWithName: @"CIGaussianBlur"]; 
[gaussianBlurFilter setValue:imageToBlur forKey: @"inputImage"]; 
[gaussianBlurFilter setValue:[NSNumber numberWithFloat: 10] forKey: @"inputRadius"];
CIImage *resultImage = [gaussianBlurFilter valueForKey: @"outputImage"]; 
UIImage *endImage = [[UIImage alloc] initWithCIImage:resultImage];

//Place the UIImage in a UIImageView
UIImageView *newView = [[UIImageView alloc] initWithFrame:self.view.bounds];
newView.image = endImage;
[self.view addSubview:newView];

如果您对代码有任何疑问，请将其留在评论中。

注意：从5.1开始，iOS上不存在CIGaussianBlur，因此您必须找到一种不同的方式来模糊设备5.x +的视图（感谢@BradLarson提供此技巧）。 this question中接受的答案看起来很有希望作为替代，this library也是如此。

Answer 2

自从iOS 7发布以来，这个问题已经得到了很多关注，我认为我应该跟进我最终做的事情。

我个人使用photoshop模仿了这张照片，但是有很多很棒的第三方库提供动态和静态模糊，这里有几个：

这个巧妙的图书馆从UITabBar获取一个图层并适用于获取iOS 7原生模糊的任何视图： https://github.com/JagCesar/iOS-blur/
这个库是一个实时模糊的库，可以模糊任何视图在它之下：https://github.com/alexdrone/ios-realtimeblur（由qegal指出）
另一个执行相同实时模糊的人： https://github.com/nicklockwood/FXBlurView
此库是我个人使用的库， Great ，允许您可以在其他设置中设置色调颜色： https://github.com/ivoleko/ILTranslucentView

我想发布此消息，因为您不再需要来截取各个帧或屏幕的截图。

iOS 8：随着即将发布的iOS 8版本，Apple内置模糊UIView，UIVisualEffectView（https://developer.apple.com/documentation/uikit/uivisualeffectview）

Answer 3

在iOS 8中，您可以使用UIVisualEffectView来获取模糊的视图。请参阅：https://developer.apple.com/documentation/uikit/uivisualeffectview

Answer 4

使用此代码简单解决。

UIToolbar *toolBar = [[UIToolbar alloc]initWithFrame:yourView.bounds];
toolBar.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;

if ([[[UIDevice currentDevice] systemVersion] doubleValue] >= 7.0) {
    toolBar.barTintColor = nil;
    toolBar.translucent = YES;
    toolBar.barStyle = UIBarStyleBlack;
}
else
    [toolBar setTintColor:[UIColor colorWithRed:5 green:31 blue:75 alpha:1]];
[yourView insertSubview:toolBar atIndex:0];

Answer 5

模糊视图的最简单方法是添加UIToolbar，只需更改Alpha值即可更改模糊。

self.toolbar = [[UIToolbar alloc]initForAutoLayout];
[self.view addSubview:self.toolbar];
[self.toolbar autoPinEdgeToSuperviewEdge:ALEdgeLeft withInset:0];
[self.toolbar autoPinEdgeToSuperviewEdge:ALEdgeRight withInset:0];
[self.toolbar autoPinEdgeToSuperviewEdge:ALEdgeTop withInset:NAVBAR_HEIGHT];
[self.toolbar autoPinEdgeToSuperviewEdge:ALEdgeBottom withInset:0];
self.toolbar.alpha = 0.5;

如何将模糊应用于UIView？

5 个答案: