तह कसरी गर्ने, सार्नुहोस् र ग्राफिक्सलाई अगाडि ल्याउनुहोस्

ग्राफिक्स हेरफेर गर्न कोरोना एसडीके प्रयोग गर्दै

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

यो ट्यूटोरियलले तपाईंको परियोजनामा ​​ग्राफिक वस्तुहरू व्यवस्थित गर्न प्रदर्शन समुहहरू प्रयोग गरी मूलभूत कुराहरू सिकाउनेछ। यो दुई अलग तहहरू सिर्जना गरेर प्रदर्शन गरिनेछ, सामान्य स्क्रिनको प्रतिनिधित्व गर्दछ र अर्कोमा यसको माथि राखिएको एक मोडल तह प्रतिनिधित्व गर्दछ। ग्राफिक्स layering को अतिरिक्त, हामी पनि सम्पूर्ण मोडल समूह को स्थानांतरित गर्न को लागी संक्रमण वस्तु को उपयोग गर्नेछौं।

कसरी बजारमा तपाइँको अनुप्रयोग

नोट: यो ट्यूटोरियल सँगसँगै पछ्याउन, तपाईंलाई दुई तस्बिरहरू आवश्यक छ: image1.png र image2.png। यी कुनै पनि छविहरू तपाईंले छनौट गर्न सक्नुहुनेछ, तर ट्यूटोरियलले 100 भन्दा बढी पिक्सेलमा 100 पिक्सेलमा तस्विर छ भने ट्यूटोरियल उत्तम काम गर्नेछ। यसले तपाइँलाई सजिलै हेर्न छविहरूको लागि के गर्न अनुमति दिन्छ।

सुरू गर्न, हामी मुख्य.लिआइलाई नयाँ फाइल खोल्न र हाम्रो कोड निर्माण गर्न सुरु गर्नेछौं:

प्रदर्शन Main = display.new समूह (); displayFirst = display.new समूह (); प्रदर्शनसेकेन्ड = display.new समूह (); global_move_x = display.contentWidth / 5;

कोडको यस खण्डले हाम्रो यूई लाइब्रेरी सेट गर्छ र प्रदर्शन समूहहरू मार्फत घोषणा गर्दछ: प्रदर्शनमै, प्रदर्शनप्रकार र प्रदर्शनसमाप्त। हामी यी प्रयोगहरूलाई हाम्रो ग्राफिक्स पहिलो तहमा प्रयोग गर्नेछौं र त्यसपछि तिनीहरूलाई लैजान्छौं। Global_move_x चर प्रदर्शनको चौडाइको 20% सेट भएको छ त्यसैले हामी गति देख्न सक्छौं।

प्रकार्य सेटअपस्क्रिन () प्रदर्शनमुख्य: सम्मिलित गर्नुहोस् (प्रदर्शनफिभर); प्रदर्शनमुख्य: सम्मिलित गर्नुहोस् (प्रदर्शनसमाप्त); प्रदर्शनप्रथम: toFront (); प्रदर्शन गर्नुहोस्अन्तिम: toFront (); स्थानीय पृष्ठभूमि = display.new छवि ("image1.png", 0,0); प्रदर्शनप्रथम: सम्मिलित गर्नुहोस् (पृष्ठभूमि); स्थानीय पृष्ठभूमि = display.new छवि ("image2.png", 0,0); प्रदर्शन गर्नुहोस्: सम्मिलित गर्नुहोस् (पृष्ठभूमि); अन्त

सेटअपस्क्रिन प्रकार्यले प्रदर्शन प्रदर्शन समूहलाई मुख्य प्रदर्शन समुहमा कसरी देखाउँदछ। हामी विभिन्न ग्राफिक तहहरू सेट अप गर्नका लागि फेस (फंक्शन) को प्रयोग गर्दछौं, तहमा हामी सबै चाहिएको थियौं।

यस उदाहरणमा, यो वास्तवमा प्रदर्शन सार्न आवश्यक छैन किनभने अगाडि अगाडि अगाडि यो डिस्प्ले तल रहेको डिफल्ट हुनेछ .समूह समूह, तर स्पष्ट रूपमा प्रत्येक प्रदर्शन समुहको आदतमा पुग्न राम्रो छ। धेरै परियोजनाहरू दुई भन्दा बढी तहहरू समाप्त हुनेछ।

हामीले प्रत्येक समूहमा छवि थप गरेका छौं। जब हामी एप सुरू गर्छौं, दोस्रो छवि पहिलो छविको माथि हुनुपर्छ।

प्रकार्य स्क्रिनर () प्रदर्शनप्रथम: अगाडि फर्काउनुहोस् (); अन्त

हामीले पहिले नै हाम्रो ग्राफिक्समा प्रदर्शनको साथमा राखेका छौंसबै समूहको प्रदर्शनको शीर्षमासबै समूह। यो प्रकार्य प्रदर्शनमा जानुहोस् अगाडि अगाडि।

प्रकार्य चालओन () प्रदर्शनस्केन्ड.x = प्रदर्शनसेकेन्ड.x + global_move_x; अन्त

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

function move दुई दुई () प्रदर्शन Main.x = displayMain.x + global_move_x; अन्त

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

सेटअपस्क्रिन (); टाइमर .performWithDelay (1000, screenLayer); टाइमर .performWithDelay (2000, moveOne); टाइमर .performWithDelay (3000, moveTwo);

यो अन्तिम बिट कोडले यी कार्यहरू चलाउदा के हुन्छ भनेर के हुन्छ। हामी एप सुरू गरेपछि प्रत्येक सेकेन्डमा कार्य गर्न टाइमर .performWithDelay प्रकार्य प्रयोग गर्नेछौं। यदि तपाईं यो प्रकार्यसँग अपरिचित हुनुहुन्छ भने, पहिलो चर मिलिसेन्डमा व्यक्त विलंबको समय हो र दोस्रो हो कि हामी ढिलाइ पछि चलिरहेको प्रकार्य हो।

जब तपाइँ एप सुरू गर्नुहुन्छ, तपाईसँग image2.png हुनुको छविमा छवि 1.png हुनु पर्छ। स्क्रिनलिभर प्रकार्यले आगोमा छवि 1.png लाई आगो लगाउँदछ। लेआउटओन प्रकार्यले छवि 2.png लाई तल image1.png बाट सार्नेछ, र यो कदम दुई प्रकार्य अन्तिममा आगो लगाउँदछ, छविहरू दुवै एकै समयमा घुमाउनेछ।

कसरी ढिलो आईप्याप मिलाउनुहोस्

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

प्राविधिक, प्रदर्शनमेरा समुहले यसको भित्र समावेश प्रदर्शन समूह र तस्बिरहरू दुवै हुन सक्छ। तथापि, यो राम्रो व्यवहार हो जुन प्रदर्शनका लागि केही समूहहरूलाई मेरो संगठन बिना अन्य तस्बिरहरूको लागि कन्टेनरको रूपमा कार्य गर्दछ जसले राम्रो संगठन सिर्जना गर्न सक्छ।

यो ट्यूटोरियलले प्रदर्शन वस्तुको प्रयोग गर्दछ। प्रदर्शन वस्तुको बारे बढि जान्नुहोस्।

कसरी विकासशील आईप्याड अनुप्रयोगहरू सुरू गर्ने?