कैसे ग्राफिक्स को सामने ले जाएं, ले जाएं और लाएं

ग्राफिक्स में हेरफेर करने के लिए कोरोना एसडीके का उपयोग करना

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

यह ट्यूटोरियल आपको अपनी परियोजना में ग्राफिकल ऑब्जेक्ट्स व्यवस्थित करने के लिए प्रदर्शन समूहों का उपयोग करने की मूल बातें सिखाएगा। यह दो अलग-अलग परतों को बनाकर प्रदर्शित किया जाएगा, एक सामान्य स्क्रीन का प्रतिनिधित्व करता है और दूसरा इसके ऊपर स्थित एक मोडल परत का प्रतिनिधित्व करता है। ग्राफिक्स को लेयर करने के अलावा, हम संपूर्ण मोडल समूह को स्थानांतरित करने के लिए संक्रमण ऑब्जेक्ट का भी उपयोग करेंगे।

अपनी ऐप का विपणन कैसे करें

नोट: इस ट्यूटोरियल के साथ-साथ अनुसरण करने के लिए, आपको दो छवियों की आवश्यकता होगी: image1.png और image2.png। ये आपके द्वारा चुने गए किसी भी चित्र हो सकते हैं, लेकिन यदि आपके पास 100 पिक्सेल 100 छवियों के आसपास छवियां हैं तो ट्यूटोरियल सबसे अच्छा काम करेगा। यह आपको आसानी से देखने के लिए अनुमति देगा कि छवियों के साथ क्या हो रहा है।

शुरू करने के लिए, हम main.lua नामक एक नई फ़ाइल खोलेंगे और हमारे कोड का निर्माण शुरू करेंगे:

displayMain = display.newGroup (); displayFirst = display.newGroup (); displaySecond = display.newGroup (); global_move_x = display.contentWidth / 5;

कोड का यह अनुभाग हमारी यूई लाइब्रेरी सेट करता है और प्रदर्शन समूहों के माध्यम से घोषित करता है: displayMain, displayFirst और displaySecond। हम इन्हें पहले हमारे ग्राफिक्स को लेयर करने के लिए उपयोग करेंगे और फिर उन्हें स्थानांतरित करेंगे। Global_move_x चर डिस्प्ले की चौड़ाई के 20% पर सेट है ताकि हम आंदोलन देख सकें।

फ़ंक्शन सेटअपस्क्रीन () डिस्प्ले मुख्य: डालें (डिस्प्ले फर्स्ट); displayMain: सम्मिलित (displaySecond); displayFirst: toFront (); displaySecond: toFront (); स्थानीय पृष्ठभूमि = display.newImage ("image1.png", 0,0); displayFirst: सम्मिलित (पृष्ठभूमि); स्थानीय पृष्ठभूमि = display.newImage ("image2.png", 0,0); displaySecond: सम्मिलित (पृष्ठभूमि); समाप्त

सेटअपस्क्रीन फ़ंक्शन दर्शाता है कि मुख्य प्रदर्शन समूह में प्रदर्शन समूह कैसे जोड़ें। हम अलग ग्राफिक परतों को स्थापित करने के लिए toFront () फ़ंक्शन का भी उपयोग करते हैं, जिस परत को हम आखिरी बार घोषित शीर्ष पर चाहते हैं।

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

हमने प्रत्येक समूह में एक छवि भी जोड़ दी है। जब हम ऐप शुरू करते हैं, तो दूसरी छवि पहली छवि के शीर्ष पर होनी चाहिए।

फ़ंक्शन स्क्रीनलेयर () डिस्प्ले फर्स्ट: टूफ्रंट (); समाप्त

हम पहले से ही प्रदर्शन ग्राफिक्स समूह के साथ प्रदर्शन ग्राफ समूह के साथ हमारे ग्राफिक्स स्तरित कर चुके हैं। यह फ़ंक्शन सामने बढ़ेगा।

फ़ंक्शन मूवऑन () displaySecond.x = displaySecond.x + global_move_x; समाप्त

चाल एक समारोह स्क्रीन की चौड़ाई के 20% तक दाईं ओर दूसरी छवि को स्थानांतरित करेगा। जब हम इस फ़ंक्शन को कॉल करते हैं, तो डिस्प्लेसेकंड समूह डिस्प्ले फर्स्ट ग्रुप के पीछे होगा।

फ़ंक्शन मूव दो () displayMain.x = displayMain.x + global_move_x; समाप्त

MoveTwo फ़ंक्शन स्क्रीन की चौड़ाई के 20% तक दाईं ओर दोनों छवियों को स्थानांतरित करेगा। हालांकि, प्रत्येक समूह को व्यक्तिगत रूप से स्थानांतरित करने के बजाय, हम प्रदर्शन समूह का उपयोग उसी समय दोनों को स्थानांतरित करने के लिए करेंगे। यह एक शानदार उदाहरण है कि एक प्रदर्शन समूह जिसमें एकाधिक प्रदर्शन समूहों को एक साथ कई ग्राफिक्स में हेरफेर करने के लिए उपयोग किया जा सकता है।

setupScreen (); timer.performWithDelay (1000, screenLayer); timer.performWithDelay (2000, moveOne); timer.performWithDelay (3000, moveTwo);

कोड का यह अंतिम बिट दर्शाता है कि जब हम इन कार्यों को चलाते हैं तो क्या होता है। ऐप लॉन्च होने के बाद हम प्रत्येक सेकंड फ़ंक्शन को बंद करने के लिए timer.performWithDelay फ़ंक्शन का उपयोग करेंगे। यदि आप इस फ़ंक्शन से अपरिचित हैं, तो पहला चर मिलीसेकंड में व्यक्त विलंब का समय है और दूसरा वह कार्य है जिसे हम उस देरी के बाद चलाने के लिए चाहते हैं।

जब आप ऐप लॉन्च करते हैं, तो आपके पास image1.png के शीर्ष पर image2.png होना चाहिए। स्क्रीनलेयर फ़ंक्शन आग लगाएगा और image1.png को सामने लाएगा। चाल एक समारोह image2.png के नीचे image1.png से बाहर ले जाएगा, और चाल दो समारोह एक ही समय में दोनों छवियों को स्थानांतरित, आखिरी आग लग जाएगा।

धीमे आईपैड को कैसे ठीक करें

यह याद रखना महत्वपूर्ण है कि इनमें से प्रत्येक समूह में दर्जनों छवियां हो सकती हैं। और जैसे ही चाल दो कार्यों ने दोनों छवियों को कोड की एक पंक्ति के साथ स्थानांतरित कर दिया, समूह के भीतर सभी छवियां समूह को दी गई आज्ञाएं लेंगी।

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

यह ट्यूटोरियल प्रदर्शन ऑब्जेक्ट का उपयोग करता है। प्रदर्शन ऑब्जेक्ट के बारे में और जानें।

आईपैड एप्स विकसित करना कैसे शुरू करें