आईफोन - फोकस प्रभाव (बस UIAlertView की तरह)

Question

मुझे पता है कि मेरे प्रश्न का शीर्षक इतना बुरा है, लेकिन मुझे नहीं पता कि इसका वर्णन कैसे किया जाए।

जब कोई UIAlertView पॉप अप हो जाता है, तो स्क्रीन पर कुछ भी (UIAlertView को छोड़कर) थोड़ा गहरा हो जाता है लेकिन देखा जा सकता है। मैं इसे फोकस प्रभाव के रूप में कहता हूं, क्योंकि आप स्पष्ट रूप से और सीधे जानते होंगे कि अब UIAlertView फोकस है।

तो मैं इस तरह के फोकस प्रभाव को कैसे कार्यान्वित कर सकता हूं?

धन्यवाद

Answer 1

बस दृश्य आप पर "ध्यान केंद्रित" करना चाहते हैं तो नीचे दिए गए एक पारदर्शी दृश्य जोड़ने। सरल उदाहरण:

UIView *shieldView = [[[UIView alloc] initWithFrame:myView.bounds] autorelease]; 
shieldView.backgroundColor = [UIColor colorWithWhite:0.0 alpha:0.7]; 
[myView.superview insertSubview:shieldView belowSubview:myView]; 

UIAlertView वास्तव में, बजाय एक रेडियल ग्रेडिएंट एक साधारण रंग के साथ एक छवि का उपयोग करता है के क्रम दृश्य के मध्य उजागर करने के लिए।

Answer 2

UIAlertView इस तरह काम करता है। यह पृष्ठभूमि को मंद करने के लिए अल्फा मास्क छवि में fades। एक बार जब एनीमेशन समाप्त हो जाता है तो यह संवाद के एनीमेशन में "उछाल" शुरू करता है।

तो इसे पुन: पेश करने के लिए आपको सबसे पहले "उज्ज्वल स्थान" के साथ अल्फा मास्क उत्पन्न करने की आवश्यकता है जहां आपका संवाद समाप्त हो जाएगा और उसमें फीका होगा। फिर बाउंस प्रभाव प्राप्त करने के लिए एक (कुछ) फ्रेम एनीमेशन का उपयोग करें। यहाँ

और जानकारी: Creating a Pop animation similar to the presentation of UIAlertView

Answer 3

बेहतर "अच्छा नहीं" आप कर सकते थे की तुलना में बनाने के लिए ...

1. एक निब में एक UIView बनाने के (सबसे आसान है, तो अपने कोड का हिस्सा है जहां आप प्रभाव की आवश्यकता पहले से ही एक निब का उपयोग कर रही है) और फिर उस दृश्य में एक पारदर्शी ग्राफिक ('फोकस' प्रभाव के साथ) जोड़ें।

2. (OMZ उदाहरण यह दिखाता है)

Answer 4

मैं जानता हूँ कि इस पोस्ट थोड़ा पुराना है दृश्य पदानुक्रम में एक एनीमेशन का उपयोग कर ग्राफिक में एक IBOutlet

फीका करने के लिए निब में UIView कनेक्ट लेकिन मैंने सोचा कि यह किसी की मदद कर सकता है।

- (UIImage *)radialGradientImage:(CGSize)size start:(float)start end:(float)end centre:(CGPoint)centre radius:(float)radius{ 
UIGraphicsBeginImageContextWithOptions(size, YES, 1); 

size_t count = 2; 
CGFloat locations[2] = {0.0, 1.0}; 
CGFloat components[8] = {start, start, start, 1.0, end, end, end, 1.0}; 

CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB(); 
CGGradientRef grad = CGGradientCreateWithColorComponents (colorSpace, components, locations, count); 
CGColorSpaceRelease(colorSpace); 

CGContextDrawRadialGradient (UIGraphicsGetCurrentContext(), grad, centre, 0, centre, radius, kCGGradientDrawsAfterEndLocation); 

UIImage *image = UIGraphicsGetImageFromCurrentImageContext(); 

CGGradientRelease(grad); 
UIGraphicsEndImageContext(); 
return image;} 

तो जैसे ज फ़ाइल में ढाल परिभाषित करें::

UIImageView *gradient; 

इसलिए की तरह अपने ढाल कॉल करें:

- (void)addGradient{ 
CGSize size = self.view.bounds.size; 
CGPoint centre = CGPointMake(self.view.bounds.size.width/2, self.view.bounds.size.height/2); 

float startColor = 1.0f; 
float endColor = 0.0f; 
float radius = MIN(self.view.bounds.size.width/4, self.view.bounds.size.height/4); 

gradient = [[UIImageView alloc] initWithImage:[self radialGradientImage:size 
                    start:startColor 
                    end:endColor 
                   centre:centre 
                   radius:radius]]; 

[gradient setBackgroundColor:[UIColor clearColor]]; 
[gradient setUserInteractionEnabled:YES]; 
[gradient setAlpha:0.6f]; 
[self.view addSubview:gradient];}