Làm cách nào để áp dụng hiệu ứng mờ cho UIView?

Question

Hiện tại tôi đang xây dựng một ứng dụng iPhone yêu cầu làm mờ toàn bộ UIView. Làm thế nào tôi có thể đạt được điều này? Tôi đã thấy this framework, nhưng tôi không nghĩ rằng nó hoạt động với UIView. Có cách nào khác để làm mờ UIView không?

CẬP NHẬT: Kiểm tra câu trả lời của tôi cập nhật dưới đây, thêm phù hợp hơn với sự ra đời của iOS 7 và iOS 8.

Answer 1

Kể từ khi phát hành iOS 7, Câu hỏi này đã nhận được nhiều lượt truy cập và tôi nghĩ tôi nên theo dõi những gì tôi đã làm.

Cá nhân tôi mờ hình ảnh đồng thời với photoshop, nhưng có rất nhiều thư viện của bên thứ ba tuyệt vời có sẵn mà làm động và tĩnh mờ, đây là một vài:

• Thư viện khéo léo này lấy một lớp từ UITabBar và áp dụng cho bất kỳ chế độ xem nào để có được độ mờ gốc của iOS 7: https://github.com/JagCesar/iOS-blur/
• Thư viện này là một thư viện thời gian thực làm mờ sống làm mờ bất kỳ xem dưới nó: https://github.com/alexdrone/ios-realtimeblur (như được chỉ ra bởi qegal)
• Một số khác mà cũng làm như vậy mờ thời gian thực: https://github.com/nicklockwood/FXBlurView
• Thư viện này là một trong những cá nhân tôi sử dụng và là lớn, cho phép bạn thiết lập màu sắc màu trong thiết lập khác: https://github.com/ivoleko/ILTranslucentView

tôi muốn đăng bài này vì yo u không còn cần để chụp ảnh màn hình của từng khung hoặc màn hình riêng lẻ.

iOS 8: Với việc phát hành sắp tới của iOS 8, Apple đã bao gồm tích hợp sẵn trong mờ UIView, UIVisualEffectView (https://developer.apple.com/documentation/uikit/uivisualeffectview)

Answer 2

này nên làm việc. Tôi đã nhận xét trong mã để giúp bạn hiểu những gì đang diễn ra:

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

Nếu bạn có bất kỳ câu hỏi nào về mã, hãy để lại trong phần nhận xét.

Lưu ý: CIGaussianBlur không có trên iOS là 5.1, vì vậy bạn phải tìm cách khác để làm mờ chế độ xem cho thiết bị 5.x + (Cảm ơn @BradLarson cho mẹo này). Câu trả lời được chấp nhận trong this question trông đầy hứa hẹn như một sự thay thế, cũng như this library.

Answer 3

Trong iOS 8 bạn có thể sử dụng để có được UIVisualEffectView mờ Views. Xem: https://developer.apple.com/documentation/uikit/uivisualeffectview

Answer 4

Cách đơn giản nhất để làm mờ chế độ xem là thêm UIToolbar, chỉ cần thay đổi giá trị alpha để thay đổi độ mờ.

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

Chỉ cần giải quyết bằng cách sử dụng mã này.

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