IOS के लिए अलर्ट लिखना

सुप्रभात / दिन / शाम / रात% उपयोगकर्ता नाम%!

प्रागितिहास

किसी अन्य परियोजना को लागू करने की प्रक्रिया में, किसी चीज़ के बारे में उपयोगकर्ता के एक प्रभावी अधिसूचना को लागू करना आवश्यक हो गया (उदाहरण के लिए, इंटरनेट कनेक्शन की कमी के बारे में)। तो आप यह कैसे करते हैं? इस उद्देश्य के लिए मानक UIAlertView वर्ग बहुत बोझिल और उबाऊ हो गया, और अधिक उपयुक्त कुछ भी नहीं मिला, अपने कैसीनो को लाठी ... आपकी अधिसूचना कक्षा के साथ लिखने का निर्णय लिया गया।

कार्यान्वयन

तो चलिए शुरू करते हैं। इस वर्ग के लिए मुख्य मानदंड "कोड की एक पंक्ति के साथ कॉल करना" था, इसलिए मुझे एक विधि मिली:

+ (void) showMessage:(NSString *)message; 

कार्य "बहुत सरल उपयोगकर्ता सूचना" के आधार पर, इसका उपयोग करने का निर्णय लिया गया था:

• यूबिलब - 1 पीसी।
• UIView - 2 पीसी।

शुरू करने के लिए, हम अपनी जरूरतों के लिए इसे UILabel और "दर्जी" लेंगे:

 UILabel *messageLabel = [[UILabel alloc] init]; messageLabel.textAlignment = UITextAlignmentCenter; messageLabel.numberOfLines = 0; messageLabel.lineBreakMode = UILineBreakModeWordWrap; messageLabel.text = message; messageLabel.font = [UIFont fontWithName:@”Helvetica-Bold” size:15.0f]; messageLabel.textColor = [UIColor whiteColor]; messageLabel.backgroundColor = [UIColor clearColor]; 

फिर आपको यह पता लगाने की आवश्यकता है - "और हमारा संदेश स्क्रीन पर कितना स्थान लेगा?"

 CGSize messageSize = [message sizeWithFont:messageLabel.font constrainedToSize:CGSizeMake(160.0f, 9999.0f) lineBreakMode:UILineBreakModeWordWrap]; 

NSString sizeWithFont के लिए विधि: (UIFont *) फॉन्ट ने विवश किया TTSize (CGSize) साइज line

• बहु
• ब्लॉक की चौड़ाई 160.0f है (यदि शब्द इस आकार में फिट नहीं है तो बड़ा हो सकता है)

अगला, आपको आयत को स्वयं प्राप्त आयामों से बनाना होगा, 2 अतिरिक्त आयामों को ध्यान में रखते हुए:

• मूल तत्व की सीमा की मोटाई (हम इसमें "उलीबेल" डालते हैं)
• मूल तत्व की सीमाओं से संकेत मिलता है

 CGRect messageRect = CGRectMake(offsetSize.width + borderWidth, offsetSize.height + borderWidth, messageSize.width, messageSize.height); messageLabel.frame = messageRect; 

यह अब के लिए है, हम UILabel के साथ कर रहे हैं।
लाइन में अगला UILabel के लिए कंटेनर है - दो UIView में से पहला। कंटेनर के लिए, यह ध्यान में रखना आवश्यक था - पृष्ठभूमि का रंग, सीमा, सीमा से संकेतक। "चेतावनी प्रकाश" के डिजाइन के अतिरिक्त - गोल कोनों, छाया और पारदर्शिता। नीचे हमारे कंटेनर का कोड है

 messageSize.width += offsetSize.width*2.0f + borderWidth; messageSize.height += offsetSize.height*2.0f + borderWidth; contentRect = CGRectMake(0.0f, 0.0f, messageSize.width, messageSize.height); UIView *content = [[UIView alloc] init]; content.frame = contentRect; content.backgroundColor = [UIColor colorWithRed:(60.0f/255.0f) green:(60.0f/255.0f) blue:(60.0f/255.0f) alpha:1.0f]; content.alpha = 0.8f; content.layer.cornerRadius = 8.0f; content.layer.shadowRadius = 8.0f; content.layer.masksToBounds = NO; content.layer.shadowOffset = CGSizeMake(0.0f, 4.0f); content.layer.shadowOpacity = 1.0f; content.layer.borderWidth = 1.0f; content.layer.borderColor = [[UIColor colorWithRed:(128.0f/255.0f) green:(128.0f/255.0f) blue:(128.0f/255.0f) alpha:1.0f] CGColor]; content.layer.shadowPath = [UIBezierPath bezierPathWithRect:contentRect].CGPath; 

वह सब है। अब हमें केवल अंतिम शेष UIView - rootView का उपयोग करने की आवश्यकता है। हम इसका इस्तेमाल एनीमेशन के लिए करेंगे।

 UIView *rootView = [[UIView alloc] init]; rootView.tag = 2000; rootView.frame = contentRect; rootView.alpha = 0.0f; 

इस चरण में सब कुछ हमने एक संदेश और 2 यूआईवीईवाई कंटेनरों के साथ यूआईबेल के आगे उपयोग के लिए तैयार किया है। यह केवल उनसे एक matryoshka को इकट्ठा करने और स्क्रीन के केंद्र में स्थिति सेट करने के लिए बनी हुई है:

 messageLabel.center = CGPointMake(contentRect.size.width/2.0f, contentRect.size.height/2.0f); [content addSubview:messageLabel]; [messageLabel release]; [rootView addSubview:content]; [content release]; rootView.center = [[UIApplication sharedApplication] keyWindow].center; 

एनीमेशन

हमारे मामले में, एनीमेशन को 3 घटकों में विभाजित किया गया था:

• दिखावट
• उछाल प्रभाव को अनुकरण
• गायब हो जाने

1.1 से गुणांक के साथ 0.8 के आकार के साथ एक आकार से रूट व्यू बढ़ाने के सरल एनीमेशन द्वारा उछाल प्रभाव प्राप्त किया गया था और तुरंत इसके प्राकृतिक आकार में कमी आई थी - 1.0 का गुणांक। प्रकटन और गायब होना - rootView.alpha को 0.0f से 1.0f में बदल दें और इसके विपरीत। गायब होने का आकार 1.2 के एक कारक में परिवर्तन के साथ भी है। उछाल प्रभाव के "शिखर" बिंदु की उपस्थिति और उपलब्धि के लिए (अर्थात्, जब गुणांक 1.2 तक पहुंच गया है), यह एनीमेशन के लिए नियोजित कुल समय के 2/3 को समर्पित करने का निर्णय लिया गया था। बाकी समय का उपयोग सामान्य प्रदर्शन पर स्विच करने के लिए किया गया था। फिर उपयोगकर्ता को संदेश पढ़ने के लिए समय दिया जाता है और बाद में संदेश गायब हो जाता है
IOS संस्करण 4.0 के साथ शुरू, एनीमेशन ब्लॉक के माध्यम से लागू किया जाता है। इसलिए, iOS का आवश्यक संस्करण 4.0 से कम नहीं है (भविष्य में इसे iOS 3 के लिए समर्थन जोड़ने की योजना है)।

 + (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion 

UIView क्लास की विधि हमें सेट करने की अनुमति देती है:

• एनीमेशन की अवधि
• एनीमेशन से पहले की अवधि को रोकें
• एनीमेशन सेटिंग्स
• सीधे एनीमेशन
• और कोड जिसे एनीमेशन के पूरा होने पर निष्पादित किया जाएगा

एनीमेशन कार्यान्वयन कोड नीचे दिखाया गया है:

 rootView.transform = CGAffineTransformMakeScale(0.8f, 0.8f); [[[UIApplication sharedApplication] keyWindow] addSubview:rootView]; [UIView animateWithDuration:0.35*0.66 delay:0.0 options:UIViewAnimationCurveEaseOut animations:^ { rootView.alpha = 0.66f; rootView.transform = CGAffineTransformMakeScale(1.1f, 1.1f); } completion:^(BOOL completed) { [UIView animateWithDuration:0.35*0.33 delay:0.0 options:UIViewAnimationCurveLinear animations:^{ rootView.alpha = 1.0f; rootView.transform = CGAffineTransformIdentity; } completion:^(BOOL completed) { [UIView animateWithDuration:0.35 delay:0.9 options:UIViewAnimationCurveEaseIn animations:^{ rootView.alpha = 0.0f; rootView.transform = CGAffineTransformMakeScale(1.2f, 1.2f); } completion:^(BOOL completed) { [rootView removeFromSuperview]; [rootView release]; }]; }]; }]; 

परिणाम
इस वर्ग को लिखने के परिणामस्वरूप, हमें एक बहुत ही सुविधाजनक "संदेशवाहक" मिला, जिसे कोड की एक पंक्ति के साथ कहा जा सकता है:

 [FHNotification showMessage:@”Very simple inApp-notification”]; 

निष्कर्ष

इस वर्ग के पेशेवरों:

• बहुत, बहुत आसान वर्ग का उपयोग करने के लिए।

विपक्ष:

• केवल iOS 4.0+ का समर्थन करें
• केवल पाठ चेतावनी की क्षमता

इस वर्ग के काम करने के लिए QuartzCore.framework भी आवश्यक है।
स्रोत कोड को जीथब पर डाउनलोड किया जा सकता है, थोड़ा पूरक और विस्तारित
वह सब है। आपका ध्यान देने के लिए धन्यवाद।