如何將模糊應用到UIView？

Question

現在我正在構建一個需要模糊整個UIView的iPhone應用程序。我怎樣才能做到這一點？我看過this framework，但我不認爲它適用於UIView。有沒有一種替代方法來模糊UIView？

UPDATE：檢查下面我更新的答案，與iOS 7和iOS 8

Answer 1

自從iOS 7發佈以來，這個問題已經得到很多點擊，我認爲我應該跟進我最終做的事情。

我個人畫面模糊，在用photoshop的時間，但也有那些動態和靜態模糊許多偉大的第三方庫，這裏有一對夫婦：

• 這個巧妙的庫從UITabBar採取一層，並適用於 任何視圖來獲取iOS 7的本機模糊： https://github.com/JagCesar/iOS-blur/
• 這個庫是住模糊下的任何觀點 實時模糊庫：https://github.com/alexdrone/ios-realtimeblur（由qegal指出）
• 另外一個做同樣的實時模糊： https://github.com/nicklockwood/FXBlurView
• 這圖書館是一個我個人使用，是大，讓 您的其他設置之間的色調顏色： https://github.com/ivoleko/ILTranslucentView

我想後，是因爲喲你不再需要需要截取個別框架或屏幕截圖。

的iOS 8：與iOS 8的到來發布，蘋果已經包含在模糊UIView，UIVisualEffectView（https://developer.apple.com/documentation/uikit/uivisualeffectview）內置

Answer 2

的來臨這應該增加更多的相關性。我在代碼中註釋以幫助您瞭解發生了什麼：

//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]; 

如果您對代碼有任何疑問，請將其留在註釋中。

注意： CIGaussianBlur在5.1版本的iOS中不存在，因此您必須找到另一種方法來模糊設備5.x +的視圖（感謝此提示的@BradLarson）。 this question中的接受答案看起來很有前途，可以替代，this library也是如此。

Answer 3

在iOS中8，您可以使用UIVisualEffectView得到模糊的意見。 請參閱：https://developer.apple.com/documentation/uikit/uivisualeffectview

Answer 4

模糊視圖最簡單的方法是添加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; 

Answer 5

只需使用此代碼解決。

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];