डिवाइस अनुमतियों में अंतर। डेवलपर टिप्स

किसी एप्लिकेशन को विकसित करते समय समय और संसाधनों को कैसे बचाया जाए, जितना संभव हो उतने उपकरणों को कवर करने की उम्मीद है? उपकरणों की वर्तमान संख्या के साथ, मुख्य मुद्दों में से एक संकल्प है।

टिप्पणियों पर आधारित अस्वीकरण:
मैं तृतीय-पक्ष विकास वातावरण के साथ काम करता हूं जो कई प्लेटफार्मों का विस्तार करता है। सामान्य तौर पर, मेरे लिए उसी के लिए एक लेख।

HOW-I-DID-BEFORE (या HOW-NOT-NEEDED-TO-DO)
पहला विचार: "मैं इसे आईफोन के तहत काम करूंगा, और फिर मैं इसे आईपैड के लिए रीमेक करूंगा।"
किया, यह काम करता है। अब आपको iPad को फिर से करने की आवश्यकता है। हम डिवाइस के पहलू अनुपात के प्रतिशत के साथ आते हैं। चौड़ाई 960 से 1024 - अनुपात 1,067। ऊँचाई - 640 से 768 - 1.2 का अनुपात। और इन सभी संख्याओं को इन संख्याओं द्वारा सभी GUI के निर्देशांक को गुणा करना है। वह सब है!

लेकिन वहाँ एक है! आवेदन में एक दर्जन से अधिक जीयूआई तत्व हैं। और अब कोड में प्रत्येक के लिए आपको एक अनुपात चर जोड़ना होगा। और आकार !!! बटन और खिड़कियों के सभी आकारों को फिर से तैयार करने की आवश्यकता है! क्योंकि अन्यथा वे जादुई रूप से एक दूसरे पर चढ़ेंगे या अनावश्यक छेद बनाएंगे। पाठ को बिल्कुल भी प्रदर्शित नहीं किया जाता है जहां इसकी आवश्यकता होती है। सामान्य तौर पर ...


... सबसे पहले और सबसे महत्वपूर्ण सलाह

निर्देशांक के प्रतिशत के बारे में भूल जाओ! यदि सब कुछ शुरू से ही सही ढंग से ध्यान में रखा जाता है, तो न तो प्रोग्रामिंग, न ही ग्राफिक्स बिल्कुल किसी भी समय लगेगा। नतीजतन, आपको एक पूर्ण उत्पाद मिलेगा, जो किसी भी संकल्प पर काम करने के लिए तैयार है।

टिप दो

GUI की योजना बनाते समय, स्क्रीन के किनारों का उपयोग करें। उनसे एक शुरुआत करें। DeviceWidth, DeviceHeight, someimage.Width और someimage.Height इस मामले में आपके सबसे अच्छे दोस्त हैं।
इन 4 मापदंडों का उपयोग करके, आप लगभग किसी भी रिज़ॉल्यूशन के लिए कोड लिख सकते हैं।

मैंने GUI तत्वों के निर्देशांक कैसे चुने।

गणना के लिए सबसे छोटे रिज़ॉल्यूशन से शुरू करने की आवश्यकता होती है जिसे एप्लिकेशन के लिए डिज़ाइन किया गया है। हम स्वयंसिद्ध के लिए लेते हैं कि छवियों का मूल ऊपरी बाएं कोने में है।

शीर्ष पर, वाई-समन्वय हमेशा 0 है। चलो दाईं ओर शुरू करें।


चित्र 1. हम ऊपरी दाएं कोने से GUI तत्व रखते हैं।

अब बाईं ओर, यह आसान है।


अंजीर। 2. हम ऊपरी बाएं कोने से GUI तत्व रखते हैं।

नतीजतन, हमें दूरी एस मिलती है जो स्क्रीन की चौड़ाई के आधार पर खिंचाव करेगी। जीयूआई के "बाएं" तत्व स्क्रीन के बाईं ओर चुंबकित रहेंगे, दाईं ओर "दाएं"।


चित्रा 3. दूरी एस, जो स्क्रीन की बढ़ती चौड़ाई के साथ बढ़ेगी।

पूर्णता के लिए, मैं GUI के निचले तत्वों को दिखाऊंगा। एक्स-समन्वय के साथ, सब कुछ बिल्कुल समान है, वाई के लिए हम स्क्रीन की ऊंचाई और छवियों की ऊंचाई (डिवाइसहाइट और छवि। ऊंचाई) का उपयोग करते हैं।


चित्रा 4. जीयूआई के नीचे के तत्व।

और पृष्ठभूमि चित्रों के लिए अंतिम टिप

पृष्ठभूमि की छवि पहले खींची जानी चाहिए ताकि इसके किनारों को एक सुंदर जोड़ दिया जाए, न कि एक महत्वपूर्ण तत्व। फिर वे हमेशा आवश्यक जानकारी खोए बिना स्क्रीन के पीछे छिपे रह सकते हैं। इस मामले में, एक तस्वीर सभी (या लगभग सभी) प्रस्तावों के लिए उपयुक्त है।


चित्र 5. चित्र के महत्वहीन क्षेत्र।

स्वाभाविक रूप से, आपको पृष्ठभूमि के चित्रों को बहुत केंद्र में रखना होगा, यह ध्यान में रखते हुए कि चित्र के निर्देशांक का केंद्र इसके मध्य में है।
स्क्रीन का केंद्र डिवाइसविदथ / 2, डिवाइसहाइट / 2 से आसानी से प्राप्त होता है।

एक निष्कर्ष के बजाय

इन सरल नियमों का पालन करते हुए, अब मैं आसानी से परियोजनाओं को शुरू कर सकता हूं, यह जानते हुए कि अनुमति के साथ मैं ठीक हो जाऊंगा।

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

युपीडी:

रेटिना के लिए काम नहीं कर रहा है। दुर्भाग्य से उसके लिए, आपको 2 बार और अलग ग्राफिक्स बनाने की आवश्यकता है।
दूसरे शब्दों में, यह लेख समान अनुमतियों के लिए संसाधनों को बचाने में मदद करता है। आईओएस अनुप्रयोगों के डेवलपर्स के लिए, आईपैड 3 की रिहाई के द्वारा 3 प्रकार के ग्राफिक्स होने चाहिए। 1 - आईफोन नेरेटिना के लिए, 2 - आईफोन रेटिना + आईपैड नेरेटिना के लिए, 3 - आईपैड रेटिना के लिए।
मुझे टिप्पणियों पर खुशी होगी!