iPhone SDK - 磨砂玻璃（iOS 7模糊）效果

Question

我試圖在UIImageView中應用磨砂玻璃效果。

我試圖執行我發現的in this question，但結果不可接受。 我想是這樣的：

任何想法？

UPDATE：

此外，我們可以看到的iOS 7使用這種效果在很多地方。我們如何重現它？

Answer 1

約CoreImage一個很好的教程在這裏，展示如何應用濾鏡和更多：

http://www.raywenderlich.com/5689/beginning-core-image-in-ios-5

更新1

那麼的一點點研究之後，我最終發現，與OS X版本的庫相比，iOS的核心映像仍然不完整。所以我搜索了很多，我找到了兩個解決方案，其中一個更簡單，另一個更廣泛和更復雜的庫。

• 簡單和短期的解決方案：https://github.com/esilverberg/ios-image-filters

• 驚人的，這值得編輯，庫由Brad Larson處理圖像和視頻使用OpenGL，GPUImage。它比Core Image快速高效。簡介：http://www.sunsetlakesoftware.com/2012/02/12/introducing-gpuimage-framework。 GitHub的：GPUImage

因此，例如，在幾行，我可以得到我想要的結果（其中originalImage是UIImage的應用效果）：

GPUImageGaussianBlurFilter *blurFilter = [[GPUImageGaussianBlurFilter alloc] init]; 
blurFilter.blurSize = 2; 
UIImage *blurImage = [blurFilter imageByFilteringImage:resizedImage]; 

更新2

在蘋果宣佈iOS 7之後，一些開發人員發現了一種解決方法，與Apple在默認的iOS應用程序中所做的相同，因爲Apple沒有爲此提供API。 The simplest and better solution, in my opinion, is this one。爲什麼我認爲這是最好的？因爲即使背後的某些視圖發生移動，模糊效果仍然很好，因爲我們預計它會起作用。但是，請記住，它依賴於iOS 7 SDK才能工作，如果Apple更改UIToolbar，則可能會有風險。

更新3

蘋果提到，在WWDC 2013（會話226 - iOS上實現引人入勝的用戶界面），他們將提供UIImage的一個類別類，稱爲的UIImage + ImageEffects（我GOOGLE了它，and found here，但它在Developer Portal - search for UIImageEffects in the search box中可用）。使用此類別，可以使用多種方法（光線，黑暗，具有特定顏色等）在靜態UIImage中應用模糊。另外，昨天I saw this component，發現它很有趣，因爲你可以在一個框架中應用效果（基於上述類別）。

UPDATE 4

最後，在iOS 8日，蘋果發佈了新的類，可以很容易地做直播模糊。使用UIVisualEffect和UIVisualEffectView，您可以快速將實時模糊添加到您的應用程序。 Here is a good tutorial from Ryan Nystrom on how to use those classes (and in blur in general)：

Answer 2

看一看the Core Image Programming Guide。看起來好像stylize filter和blur filter可能適合您的需求。我以前從未與Core Image合作過，但我認爲可能會有一些涉及他們的良好WWDC會話。該文檔有a basic piece of sample code here。

Answer 3

解決方案適用於iOS 7和8，而無需使用CoreImage或CoreGraphics中的所有：

- (void)addBlurToView:(UIView *)view { 
    UIView *blurView = nil; 

    if([UIBlurEffect class]) { // iOS 8 
     UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleExtraLight]; 
     blurView = [[UIVisualEffectView alloc] initWithEffect:blurEffect]; 
     blurView.frame = view.frame; 

    } else { // workaround for iOS 7 
     blurView = [[UIToolbar alloc] initWithFrame:view.bounds]; 
    } 

    [blurView setTranslatesAutoresizingMaskIntoConstraints:NO]; 

    [view addSubview:blurView]; 
    [view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[blurView]|" options:0 metrics:0 views:NSDictionaryOfVariableBindings(blurView)]]; 
    [view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[blurView]|" options:0 metrics:0 views:NSDictionaryOfVariableBindings(blurView)]]; 
} 

（假設你不針對iOS版比7舊版本;如果你是，你必須測試else區塊中的iOS版本）

此解決方案適用於任何視圖，而不僅適用於圖像。

Answer 4

使用UIImageEffects

如果你申請的時候模糊想要更多的控制，你可以利用蘋果的UIImageEffects（通過他們的示例代碼可用）的。

您可以從蘋果的開發庫複製代碼爲UIImageEffects：Blurring and Tinting an Image

這裏是如何使用它：

#import "UIImageEffects.h" 
... 

self.yourImageView.image = [UIImageEffects imageByApplyingLightEffectToImage:[UIImage imageNamed:@"yourImage.png"]];