आईओएस में सुंदर पृष्ठभूमि बनावट

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

तो, हमें निम्नलिखित प्रश्नों का उत्तर देना चाहिए:

1. चित्रों के लिए क्या अनुमतियाँ चुनें।
2. तस्वीरों को कैसे नाम दें
3. इसका उपयोग कैसे करें।

चित्रों के लिए क्या अनुमतियाँ चुनें

इससे कोई फर्क नहीं पड़ता कि हम एक iPad, iPhone, iPod या सार्वभौमिक एप्लिकेशन के लिए लिखते हैं, दोनों डिवाइस ओरिएंटेशन का समर्थन किया जाएगा या केवल एक, किसी भी स्थिति में, हम चाहेंगे कि डिज़ाइनर का विचार पृष्ठभूमि के साथ ठीक से लागू किया जाए जैसा कि प्रोटोटाइप चित्र में है। ऐसा करने के लिए, सबसे पहले, हमें छवि स्केलिंग से बचने की आवश्यकता है, इसके अलावा, यह सकारात्मक रूप से प्रदर्शन को भी प्रभावित करेगा, जो कि अच्छा भी है। इसलिए, हमें खिड़की के कार्य क्षेत्र (पृष्ठभूमि छवि का आकार) के सटीक आयामों की गणना करने की आवश्यकता है।

स्रोत डेटा
IOs उपकरण अनुमतियां:

• iPhone 320x480
• iPhone (रेटिना) 640x960
• iPhone 5 (रेटिना) 640x1136
• iPad 768x1024
• आईपैड (रेटिना) 1536x2048

तत्व ऊंचाई:

• स्थिति बार 20pt (रेटिना के बिना 20px और रेटिना के साथ 40px)
• नेविगेशन बार 44pt (रेटिना के साथ 44px और रेटिना के साथ 88px)
• टैब बार 49pt (रेटिना के साथ 49px और रेटिना के साथ 98px)

अब हम स्क्रीन की ऊँचाई को घटाते हैं कि कितने अंक "खाएं" और पृष्ठभूमि के लिए चित्रों के आकार प्राप्त करें, यदि आवश्यक हो तो दोनों झुकावों को ध्यान में रखें।

उदाहरण के लिए, यदि हमारे पास एक स्टेटस बार और एक नेविगेशन बार है, लेकिन कोई टैब बार नहीं है, तो हमें यह मिलता है:

पोर्ट्रेट ओरिएंटेशन:

• iPhone 320x416
• iPhone (रेटिना) 640x832
• iPhone 5 (रेटिना) 640x1008
• iPad 768x960
• आईपैड (रेटिना) 1536x1920

लैंडस्केप ओरिएंटेशन:

• iPhone 480x256
• iPhone (रेटिना) 960x512
• iPhone 5 (रेटिना) 1136x512
• iPad 1024x704
• आईपैड (रेटिना) 2048x1408

तस्वीरों को कैसे नाम दें

Apple के प्रलेखन के अनुसार, पर्यावरण स्वयं वांछित डिवाइस के लिए आवश्यक रिज़ॉल्यूशन (रेटिना के लिए या बिना) की तस्वीर का चयन करेगा, यदि संसाधनों में संबंधित प्रत्ययों के साथ फाइलें हों। रेटिना स्क्रीन के लिए यह "@ 2x" है, iPhone के लिए यह "~ iphone" है, iPad के लिए यह "~ ipad" है। चेतावनी! प्रत्यय केस संवेदनशील होते हैं।

इसके अलावा, हमें नामों में दोनों झुकावों को ध्यान में रखने की आवश्यकता है (मैं चित्र के लिए प्रत्यय के बिना ऐसा करने का प्रस्ताव रखता हूं और परिदृश्य के लिए प्रत्यय "एल" का उपयोग कर रहा हूं) और iPhone 5 के लिए चित्र का बढ़ा हुआ आकार (कई प्रत्यय -568h के साथ ऐसा करते हैं)। इन प्रत्ययों को सिस्टम द्वारा स्वचालित रूप से संसाधित नहीं किया जाता है और हमें इसे मैन्युअल रूप से करना होगा।

इस प्रकार हमें उन फ़ाइल नामों की एक सूची मिलती है जिन्हें संसाधनों में जोड़ने की आवश्यकता होती है:

• iPhone पृष्ठभूमि ~ iphone.png
• iPhone (रेटिना) पृष्ठभूमि@2x~iphone.png
• iPhone 5 (रेटिना) पृष्ठभूमि-568h@2x~iphone.png
• iPad पृष्ठभूमि ~ ipad.png
• iPad (रेटिना) पृष्ठभूमि@2x~ipad.png

लैंडस्केप ओरिएंटेशन:

• iPhone पृष्ठभूमि ~ iphone.png
• iPhone (रेटिना) backgroundl@2x~iphone.png
• iPhone 5 (रेटिना) बैकग्राउंड-568h@2x~iphone.png
• iPad पृष्ठभूमि ~ ipad.png
• iPad (रेटिना) backgroundl@2x~ipad.png

इसका उपयोग कैसे करें

इसलिए, आवश्यक अनुमतियों के चित्र बनाए गए हैं, अब उन्हें वे काम करने दें जैसा कि उन्हें करना चाहिए।
सबसे पहले, चलो फंक्शन लोडबिजम बनाते हैं, जो वांछित बनावट का चयन करेगा। मैं आपको याद दिलाता हूं कि हमें मैन्युअल रूप से नाम के लिए केवल 2 प्रत्यय लगाने की आवश्यकता है।

- (UIImage *) loadBgImageWithLandscapeOrientation: (BOOL) isLandscape { static BOOL isIphone5 = [UIScreen mainScreen].bounds.size.height == 568; NSString * imageName = @"background"; if (isLandscape) { imageName = [imageName stringByAppendingString: @"l"]; } if (isIphone5) { imageName = [imageName stringByAppendingString: @"-568h"]; } return [UIImage imageNamed: imageName]; } 

अब हमारे फंक्शन कंट्रोलर में निम्न फंक्शन जोड़ें:

 -(void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration { [super willAnimateRotationToInterfaceOrientation: toInterfaceOrientation duration: duration]; [UIView beginAnimations:nil context:NULL]; [UIView setAnimationDuration:duration]; self.tableView.backgroundView = [[UIImageView alloc] initWithImage: [self loadBgImageWithLandscapeOrientation: UIInterfaceOrientationIsLandscape(toInterfaceOrientation)]]; [UIView commitAnimations]; } 

एक ही छवि बूट कोड को देखने के लिए AddDidLoad और वह यह है!

कृपया ध्यान दें कि हम कोर एनिमेशन का उपयोग करते समय अभिविन्यास बदलते समय पृष्ठभूमि बदलते हैं, इसलिए सब कुछ न केवल तेज होना चाहिए, बल्कि सुंदर भी होना चाहिए। इसके अलावा, इसे और भी तेज़ बनाने के लिए, मैं आपको सलाह देता हूं कि इस पृष्ठभूमि में स्थित वस्तुओं को देखने के लिए स्थित करें। Yayer में सेट करें। YES में संपत्ति का पता लगाएं और आवश्यक स्केल फैक्टर को निर्दिष्ट करें [view_layer.rasterizationScale संपत्ति में।

यह सब, हम उस कार्य के साथ सामना करते हैं जो हमने खुद को शुरुआत में निर्धारित किया था।

आपका ध्यान देने के लिए धन्यवाद।