आईफोन एसडीके - फ्रॉस्टेड ग्लास (आईओएस 7 ब्लर) प्रभाव

Question

मैं UIImageView में फ्रॉस्टेड ग्लास प्रभाव लागू करने का प्रयास कर रहा हूं।

मैंने in this question जो पाया है उसे लागू करने का प्रयास किया, लेकिन परिणाम स्वीकार्य नहीं था। मैं कुछ इस तरह थे:

कोई भी विचार?

अद्यतन:

इसके अलावा, हम देख सकते हैं कि iOS 7 स्थानों का एक बहुत में प्रभाव इस तरह का उपयोग करता है। हम इसे पुन: पेश कैसे कर सकते हैं?

Answer 1

CoreImage के बारे में एक अच्छा ट्यूटोरियल, यहाँ है कैसे फिल्टर और अधिक लागू करने के लिए दिखा:

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

UPDATE 1

तो अनुसंधान का एक छोटा सा के बाद, मैं उस की खोज समाप्त हो गया लाइब्रेरी के ओएस एक्स संस्करण की तुलना करते समय, आईओएस के लिए कोर छवि अभी भी अपूर्ण है। तो मैंने बहुत गुस्सा किया, और मुझे दो समाधान मिलते हैं, उनमें से एक और अधिक सरल, और अन्य व्यापक और जटिल पुस्तकालय।

• सरल और कम समाधान: https://github.com/esilverberg/ios-image-filters

• अद्भुत और इस संपादित लायक, Brad Larson द्वारा ओपन, GPUImage साथ चित्र और वीडियो के प्रसंस्करण के लिए पुस्तकालय। यह कोर छवि की तुलना में बहुत तेज़ और कुशल है। परिचय: 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

ऐप्पल ने आईओएस 7 की घोषणा के बाद, कुछ डेवलपर्स को ऐसा करने के लिए एक कामकाज मिला जो ऐप्पल ने डिफ़ॉल्ट आईओएस ऐप्स में किया था, क्योंकि ऐप्पल ने इसके लिए एक एपीआई प्रदान नहीं किया था। The simplest and better solution, in my opinion, is this one। मुझे क्यों लगता है कि यह सबसे अच्छा है? क्योंकि अगर इसके पीछे कुछ दृश्य चलता है, तो धुंध अभी भी अद्यतन प्रभाव के साथ बहुत अच्छा काम करता है, क्योंकि हम उम्मीद करते हैं कि इसे काम करना चाहिए। हालांकि, ध्यान रखें कि यह काम करने के लिए आईओएस 7 एसडीके पर निर्भर करता है, और यदि ऐप्पल UIToolbar बदलता है तो यह जोखिम भरा हो सकता है।

अद्यतन 3

एप्पल WWDC 2013 में उल्लेख किया है, (सत्र 226 - iOS पर आकर्षक यूआई को लागू) वे UIImage पर एक वर्ग वर्ग प्रदान करेगा,, UIImage + ImageEffects (मैं इसे googled, and found here बुलाया लेकिन यह Developer Portal - search for UIImageEffects in the search box में उपलब्ध है)। इस श्रेणी के साथ, आप कई विधियों (प्रकाश, अंधेरे, एक विशिष्ट रंग के साथ, आदि) का उपयोग करके एक स्थिर UIImage में धुंध लागू कर सकते हैं। इसके अलावा, कल I saw this component और इसे बहुत दिलचस्प पाया, क्योंकि आप एक फ्रेम में प्रभाव (उपर्युक्त श्रेणी के आधार पर) लागू कर सकते हैं।

अद्यतन 4

अंत में, iOS 8 पर, एप्पल नए वर्गों है कि लाइव कलंक आसानी से कर सकते का विमोचन किया। UIVisualEffect और UIVisualEffectView के साथ, आप अपने ऐप्स में त्वरित रूप से लाइव ब्लर जोड़ सकते हैं। Here is a good tutorial from Ryan Nystrom on how to use those classes (and in blur in general): iOS 7 और 8, के लिए

Answer 2

the Core Image Programming Guide पर एक नज़र डालें। ऐसा लगता है कि stylize filter और blur filter आपकी आवश्यकताओं के अनुरूप हो सकता है। मैंने पहले कभी कोर छवि के साथ काम नहीं किया है, लेकिन मुझे लगता है कि कुछ अच्छे डब्ल्यूडब्ल्यूडीसी सत्र हो सकते हैं जिनमें उन्हें शामिल किया गया हो। प्रलेखन में a basic piece of sample code here है।

Answer 3

समाधान बिल्कुल 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 ब्लॉक में आईओएस संस्करण के लिए परीक्षण)

यह समाधान किसी भी दृश्य पर लागू नहीं होता है, न केवल छवियों।

Answer 4

का उपयोग UIImageEffects

आप अधिक नियंत्रण चाहते हैं जब कलंक को लागू करने के लिए, आप एप्पल के UIImageEffects (उनके नमूना कोड के माध्यम से उपलब्ध) का उपयोग कर सकता।

आप एप्पल के डेवलपर लाइब्रेरी से UIImageEffects के लिए कोड कॉपी कर सकते हैं: Blurring and Tinting an Image

और यहाँ है कि यह कैसे उपयोग करने के लिए है: http://stackoverflow.com/a:

#import "UIImageEffects.h" 
... 

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