कोरोना एसडीके - शुरुआती के लिए। स्टोरीबोर्ड एपीआई का उपयोग करके कई दृश्यों के साथ काम करें

कोरोना एसडीके आईओएस और एंड्रॉइड के लिए गेम बनाने के लिए एक क्रॉस-प्लेटफॉर्म इंजन है। व्यक्तिगत रूप से, मुझे उसके विकास में आसानी के लिए पसंद है: पास्कल में पांच स्कूल "ताज" को जीतने के लिए पर्याप्त ज्ञान हैं। होबे पर इस विषय पर पहले से ही कई लेख हैं, लेकिन इस या अन्य रूसी-भाषा साइटों पर शुरुआती लोगों के लिए बहुत कम विस्तृत पाठ हैं।

इस लेख में मैं कोरोना एसडीके के साथ काम करने के प्रमुख मुद्दों में से एक के बारे में बात करूंगा - एक आवेदन में कई दृश्यों का संगठन।

ऐसा करने के लिए, एक विशेष रूप से विकसित टूल है - स्टोरीबोर्ड एपीआई, जिसने तीसरे पक्ष के निदेशक वर्ग को बदल दिया।

एक छोटे उदाहरण पर विचार करें जो बताएगा कि कैसे:

• दृश्य बनाएं
• विभिन्न प्रभावों के साथ दृश्यों के बीच स्विच करें
• दृश्यों के बीच चर पारित करें

स्टार्टअप पर हमारा एप्लिकेशन एक मेनू दिखाएगा जिसमें तीन बटन होंगे, जिनमें से प्रत्येक हमें एक अलग दृश्य में ले जाता है। तदनुसार, हमारे पास 4 दृश्य होंगे, उनमें से प्रत्येक के लिए हमें एक ही नाम (मेनू .lua, scene1.lua, scene2.lua, scene3.lua) और मुख्य फ़ाइल main.lua के साथ एक फ़ाइल बनाने की आवश्यकता है:



चलो क्रम में आवेदन भरना शुरू करते हैं। मुख्य प्रोजेक्ट फ़ाइल main.lua में, निम्नलिखित पंक्तियाँ लिखें:

local storyboard = require "storyboard" storyboard.prevScene = 0 storyboard.gotoScene( "menu" ) 

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

मेनू.लुआ फ़ाइल, किसी अन्य दृश्य की तरह, एक टेम्पलेट से भरी हुई है जो कार्यालय में पूरी तरह से चित्रित है। Ansca वेबसाइट इसे पूरी तरह से यहाँ दोहराएं बिंदु नहीं दिखता है। आप इस लिंक पर खुद को इससे परिचित कर सकते हैं। मैं केवल सबसे महत्वपूर्ण बिंदुओं पर ध्यान केंद्रित करूंगा।

सबसे पहले, चार मानक घटनाओं (createScene, enterScene, exitScene, ruScene) में अपना कोड जोड़ने से पहले, हमारे द्वारा उपयोग किए जाने वाले चर घोषित किए जाने चाहिए। मेनू में, हम पृष्ठभूमि, तीन बटन और स्मृति निगरानी के साथ एक पाठ लेबल के लिए चर का उपयोग करेंगे।

 local background, tap1, tap2, tap3, text 

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

 function scene:createScene( event ) local group = self.view local function GoToScene1 (event) storyboard.gotoScene( true, "scene1", "fromRight", 800 ) end tap1 = ui.newButton{ default = "img/tap1.png", over = "img/tap1_over.png", onRelease = GoToScene1, } tap1.x = display.contentCenterX; tap1.y = 150; group:insert(tap1); end 

मैं केवल यह नोट करता हूं कि स्टोरीबोर्ड.गेटोसेकेन () फ़ंक्शन के "फ्रॉम" पैरामीटर सही पर एक नए दृश्य की उपस्थिति के प्रभाव को निर्धारित करता है। तदनुसार, आप बाईं, ऊपर या नीचे (fromLeft, fromTop या fromBottom) पर उपस्थिति के प्रभाव को निर्दिष्ट कर सकते हैं, साथ ही क्लासिक डिमिंग (फीका)। पैरामीटर 800 मिलीसेकंड में प्रभाव समय है। ये सभी प्रभाव नहीं हैं; पूरी सूची डेवलपर्स के आधिकारिक दस्तावेज में पाई जा सकती है।

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

हम फ़ंक्शन दृश्य के अंदर एक नया दृश्य लोड करते समय ऐसा करते हैं: enterScene (ईवेंट) फ़ंक्शन, हम एक ही स्थान पर मेमोरी मॉनिटरिंग पर कोरोना डेवलपर्स के उदाहरणों से मानक फ़ंक्शन को छोड़ देंगे।

 function scene:enterScene( event ) local group = self.view if storyboard.prevScene > 0 then storyboard.removeScene( "scene"..storyboard.prevScene ) end -- show memory on display local showMem = function() text.text = text.text .. collectgarbage("count")/1000 .. "MB" text.x = display.contentWidth * 0.5 end local memTimer = timer.performWithDelay( 1000, showMem, 1 ) end 

हम फ़ाइल को सहेजते हैं, सिम्युलेटर चलाते हैं और हमारा पहला दृश्य देखते हैं। क्योंकि यह मेनू है। लुआ, फिर मैंने एक मेनू बनाने का फैसला किया, लेकिन एक कार्यक्रम नहीं, बल्कि एक साधारण भोजन कक्ष के लिए:



और अंत में, हम अपने मेनू के तीन क्लोन दृश्य बनाते हैं, लेकिन:
1. बटन के बिना।
2. मेज पर अपने स्वयं के विषय के साथ प्रत्येक दृश्य (बोर्स्च की एक प्लेट, पास्ता की एक प्लेट या खाद का एक गिलास)
3. हम सभी दृश्यों के लिए अपने सामान्य चर को अपडेट करते हैं और पिछले दृश्य को स्मृति से हटाने के लिए लाइन बदलते हैं, अर्थात Storyboard.removeScene () फ़ंक्शन विशेष रूप से menu.lua को हटा देता है, क्योंकि यह एकमात्र संभव पिछला दृश्य है:

  storyboard.prevScene = 1 storyboard.removeScene( "menu" ); 

4. पृष्ठभूमि छवि पर क्लिक करके मेनू में लौटने की क्षमता जोड़ें। ऐसा करने के लिए, createScene अनुभाग में मेनू वापसी फ़ंक्शन जोड़ें:

  local function onSceneTouch( self, event ) if event.phase == "began" then storyboard.gotoScene( "menu", "fade", 400 ) return true end 

EnterScene सेक्शन में, हम अपनी पृष्ठभूमि में एक EventListener संलग्न करेंगे, जो स्पर्शों की निगरानी करेगा, और सकारात्मक मामले में हमारे onSceneTouch () फ़ंक्शन को निष्पादित करने के लिए प्रोग्राम भेजें:

 background:addEventListener( "touch", background ) 

खैर, ज़ाहिर है, एक्ज़िस्टेंस में दृश्य से बाहर निकलते समय इवेंट लाईनर को हटाना न भूलें। (सेक्शन)

 background:removeEventListener( "touch", background ) 

हम इन नियमों के अनुसार सभी तीन दृश्यों को भरते हैं:


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

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

संबंधित जानकारी (अंग्रेजी में):
पेश है स्टोरीबोर्ड एपीआई
स्टोरीबोर्ड दृश्य घटनाक्रम समझाया
आम स्टोरीबोर्ड एपीआई प्रश्न