IOS के लिए डेवलपर के ट्रिक्स। स्पलैश स्क्रीन

प्रविष्टि

अभिवादन, हब्र्वाचें!

IOS के लिए एप्लिकेशन के विकास के दौरान, मैंने कुछ ट्रिक्स जमा की हैं, जिन्हें मैं आपके साथ साझा करना चाहूंगा।

मैं आपको तुरंत चेतावनी देता हूं कि मैं अद्यतित रहने का प्रयास करता हूं, इसलिए उदाहरण iOS> = 5.0 के अंतर्गत होंगे और स्टोरीबोर्ड और एआरसी का उपयोग करेंगे, लेकिन कुछ भी उन्हें 4. * पर पोर्ट होने से नहीं रोकता है।

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

रुचि रखने वालों के लिए - मैं कटौती के लिए कहता हूं (पोस्ट में इंटरफ़ेस बिल्डर के क्षेत्रों के स्क्रीनशॉट शामिल हैं, इसलिए मैं आपको ट्रैफ़िक के बारे में चेतावनी देता हूं)।

स्पलैश स्क्रीन

डिफ़ॉल्ट रूप से, iOS विशिष्ट अनुमतियों के लिए png फ़ाइलों को निर्दिष्ट करने के रूप में एक एप्लिकेशन की डाउनलोड छवि प्रदर्शित करने के लिए एक तंत्र प्रदान करता है, आपने अब किसी को आश्चर्यचकित नहीं किया है। लेकिन आईओएस अपने संक्रमण, एनिमेशन और अधिक के लिए प्रसिद्ध है, यह शांत दिखता है और कोर एनिमेशन एपीआई के लिए धन्यवाद यह बिल्कुल मुश्किल नहीं है।

मुझे हमेशा Skype.app स्टार्ट स्क्रीन पसंद आई, जब एप्लिकेशन लोगो लोड होने के बाद ऊपर चला गया, और स्क्रीन पर इनपुट तत्व दिखाई दिए। अच्छा और आसान।

स्टोरीबोर्ड का उपयोग करते हुए, कार्य तुच्छ हो जाता है:

मान लें कि हमारे पास कुछ स्क्रीन है जो हमें तब मिलती है जब आवेदन शुरू होता है:


और हमारा Default.png कुछ इस तरह दिखता है:


यदि हम अभी आवेदन शुरू करते हैं, तो पहले हम Default.png देखेंगे, और फिर तुरंत स्टार्ट स्क्रीन पर पहुंच जाएंगे। यह बहुत सही नहीं लगेगा? इसे ठीक करने के लिए, हम एक और स्क्रीन बनाएंगे, जिसकी प्रारंभिक स्थिति हमारे Default.png के समान होगी और इसमें UIImageView आउटलेट होगा। इसे शुरू करें और आधार वर्ग निर्दिष्ट करें, उदाहरण के लिए, स्प्लैशस्क्रीन व्यू कंट्रोलर:


केंद्र में लोगो के साथ दृश्य बहुत सरल है, पृष्ठभूमि + UIImageView। यह SplashScreenViewController के इमेज व्यू नामक आउटलेट के माध्यम से जुड़ा होगा।

अब नई बनाई गई स्क्रीन से स्टार्ट स्क्रीन पर एक सेगमेंट बनाएं।

उन लोगों के लिए जो केवल स्टोरीबोर्ड का अध्ययन कर रहे हैं, या बस भूल गए हैं, मैं आपको याद दिलाता हूं कि घटना से नहीं, बल्कि एक तर्क के रूप में बनाने के लिए, आपको इसे मूल ViewController के StatusBar से खींचना शुरू करना चाहिए और मैन्युअल रूप से कॉल करना चाहिए (जैसा कि मैं बाद में दिखाऊंगा। कोड):


विकल्प:

• पहचानकर्ता: छप
• शैली: कस्टम
• सेग क्लास: स्पलैश लीग (हम इस क्लास को थोड़ी देर बाद बनाएंगे)

इस उदाहरण का कोड कुछ इस तरह दिखेगा:

@interface SplashSegue : UIStoryboardSegue @end @interface SplashScreenViewController : UIViewController @property IBOutlet UIImageView *imageView; @end @implementation SplashScreenViewController - ( void ) viewDidAppear:(BOOL)animated { [super viewDidAppear:animated]; //    Cocoa [UIView animateWithDuration:1.0 delay:0.2 options:0 animations:^ { //       (   //    ,       , //      CGRect frame = self.imageView.frame; frame.origin.y = 15.0; self.imageView.frame = frame; } completion:^( BOOL completed ) { //          [self performSegueWithIdentifier:@"splash" sender:self]; }]; } @end @implementation SplashSegue - ( void ) perform { //         presentModalViewController. //     animated,      NO, ..   //   . [[self sourceViewController] presentModalViewController:[self destinationViewController] animated:NO]; } @end 

अब, यदि हम अपना एप्लिकेशन लॉन्च करते हैं, तो पहले हम लोगो को Default.png के साथ देखेंगे, फिर (उपयोगकर्ता के लिए अदृश्य रूप से) स्क्रीन हमारे SplashScreen में बदल जाएगी, लोगो का एनीमेशन ऊपर आ जाएगा, जिसके बाद स्क्रीन शुरू स्क्रीन में भी बदल जाएगी।

बूट स्क्रीन से प्रारंभ स्क्रीन में संक्रमण को एनिमेट करने का यह सरल-सा दिखने वाला कार्य हमें सिखाता है:

• प्रोग्रामबोर्ड स्टोरीज़ में स्क्रीन के बीच सेग्मेंट बनाएं
• अपने स्वयं के तर्क तर्क को लागू करें
• कोको के अंतर्निहित उपकरणों का उपयोग करने और मानव घंटे के लिए मानव दिनों द्वारा अनुमानित अनुमान लगाने से डरो मत :)

मैं स्वयं इस प्लेटफ़ॉर्म पर अपेक्षाकृत हाल ही में काम कर रहा हूं और कभी-कभी मुझे ऐसे सबक याद आते हैं, और मुझे यकीन है कि ऐसे लोग भी होंगे जो इसे उपयोगी पाएंगे, इसलिए कड़ाई से न्याय न करें अगर यह आपके लिए बेकार हो गया है;)

युपीडी:
एमुलेटर में प्रभाव का एक वीडियो प्रदर्शन जोड़ा गया