அடுக்கு, நகர்த்து மற்றும் முன்னணி கிராபிக்ஸ் கொண்டு எப்படி

கிராபிக்ஸ் கயோட்டா SDK பயன்படுத்தி

கொரோனா SDK இல் கிராபிக்ஸ் உருவாக்கி, கையாளுதலும், நிர்வகிப்பதும் முக்கிய அம்சமாகும் காட்சி பொருள். ஒரு பொருள் ஒரு உருவத்திலிருந்து ஒரு படத்தைக் காட்ட மட்டுமே பயன்படுகிறது, ஒருவேளை அது முக்கியமாக உங்கள் படங்களை ஒன்றாக இணைக்க அனுமதிக்கிறது. இது ஒரு முறை திரையில் சுற்றி ஒரு முழுமையான கிராபிக்ஸ் தொகுப்பு மற்றும் ஒருவருக்கொருவர் மேல் அடுக்கு கிராப்களை நகர்த்த உதவுகிறது.

உங்கள் திட்டத்தில் வரைகலை பொருள்களை ஒழுங்கமைக்க காட்சி குழுக்களைப் பயன்படுத்துவதற்கான அடிப்படையை இந்த டுடோரியல் உங்களுக்குக் கற்பிக்கும். இது இரண்டு வெவ்வேறு அடுக்குகளை உருவாக்குவதன் மூலம் நிரூபிக்கப்படும், சாதாரண திரையை குறிக்கும் ஒருவர், மேலும் அதன் மேல் வைக்க ஒரு மாதிரி லேயரை பிரதிநிதித்துவப்படுத்துகிறது. கிராபிக்ஸ் அடுக்கி, கூடுதலாக, முழுமையான மாதிரி குழுவை நகர்த்துவதற்கான மாற்றுப் பொருளைப் பயன்படுத்துவோம்.

உங்கள் பயன்பாட்டை எவ்வாறு சந்தைப்படுத்துவது

குறிப்பு: இந்த டுடோரியலுடன் சேர்ந்து பின்பற்ற, நீங்கள் இரண்டு படங்கள் வேண்டும்: image1.png மற்றும் image2.png. நீங்கள் தேர்வு செய்யும் எந்த படங்களும் இதுவாக இருக்கலாம், ஆனால் 100 பிக்சல்கள் மூலம் படங்களை 100 பிக்சல்கள் கொண்டிருக்கும்போது பயிற்சி நன்றாக இருக்கும். இந்த படங்களை என்ன நடக்கிறது என்பதை எளிதாக பார்க்க அனுமதிக்கும்.

தொடங்குவதற்கு, நாம் main.lua என்ற புதிய கோப்பை திறந்து, எங்கள் குறியீட்டை உருவாக்கத் தொடங்குகிறோம்:

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

குறியீடு இந்த பகுதி எங்கள் UI நூலகம் அமைக்கிறது மற்றும் காட்சி குழுக்கள் மூலம் அறிவிக்கிறது: displayMine, displayFirst மற்றும் displaySecond. நாங்கள் முதலில் அவற்றை எங்கள் கிராஃபிக்ஸ் அடுக்கில் பயன்படுத்துவோம், பின் அவற்றை நகர்த்துவோம். உலகளாவிய _move_x மாறி 20% காட்சி திரையின் அகலத்தை அமைக்கிறது, எனவே இயக்கத்தை காணலாம்.

செயல்பாடு அமைப்பு திரை () காட்சிமயக்கம்: செருக (காட்சிப்பார்வை); displayMain: நுழைக்க (displaySecond); displayFirst: toFront (); displaySecond: toFront (); உள்ளூர் பின்னணி = display.newImage ("image1.png", 0,0); displayFirst: நுழைக்க (பின்னணி); உள்ளூர் பின்னணி = display.newImage ("image2.png", 0,0); displaySecond: நுழைக்க (பின்னணி); இறுதியில்

SetupScreen செயல்பாடு பிரதான காட்சிக்கு குழுவை எவ்வாறு காட்ட வேண்டும் என்பதை நிரூபிக்கிறது. வேறுபட்ட கிராஃபிக் லேயர்களை அமைப்பதற்காக tofront () செயல்பாட்டைப் பயன்படுத்துகிறோம், கடைசியில் நாம் விரும்பும் லேயர் எல்லா நேரங்களிலும் கடைசியாக அறிவிக்கப்பட்டிருக்கும்.

இந்த எடுத்துக்காட்டில், காட்சிக்கு முன்னால் காட்சிக்கு செல்ல உண்மையில் தேவையில்லை, அது காட்சிக்குரியதுக்கு கீழே இருக்கும் இயல்புநிலைக்கு மாறாமல் இருப்பதால், ஒவ்வொரு காட்சிக் குழுவையும் வெளிப்படையாகப் போடுவது பழக்கமாகிவிடும். பெரும்பாலான திட்டங்கள் இரண்டு அடுக்குகளுக்கு மேல் முடிவடையும்.

ஒவ்வொரு குழுவிற்கும் ஒரு படத்தையும் நாங்கள் சேர்த்துள்ளோம். நாம் பயன்பாட்டை துவக்கும் போது, ​​இரண்டாவது படம் முதல் படத்தின் மேல் இருக்க வேண்டும்.

செயல்பாட்டு திரை () காட்சிப்பார்வை: toFront (); இறுதியில்

நாங்கள் ஏற்கனவே எங்கள் கிராபியை displaySecond குழுவுடன் displayfirst குழுவில் மேல் வைத்தோம். இந்த செயல்பாடு காட்சிக்கு முன்னும் பின்னும் நகரும்.

செயல்பாடு நகர்வுஒன்றி () displaySecond.x = displaySecond.x + global_move_x; இறுதியில்

நகர்வுஒரு செயல்பாடு இரண்டாவது படத்தை வலதுபுறத்தில் 20% திரையின் அகலத்திற்கு நகர்த்தும். இந்தச் செயல்பாட்டை நாங்கள் அழைக்கையில், displaySecond குழு காட்சிக்கு பின்னால் இருக்கும்.

செயல்பாடு moveTwo () காட்சி Main.x = displayMain.x + global_move_x; இறுதியில்

MoveTwo செயல்பாடு வலதுபுறமாக இரண்டு படங்களையும் திரையில் அகலத்தின் 20% மூலம் நகர்த்தும். இருப்பினும், தனித்தனியாக ஒவ்வொரு குழுவையும் நகர்த்துவதற்குப் பதிலாக, ஒரே நேரத்தில் இருவரையும் நகர்த்துவதற்கு காட்சிக்குரிய குழுவை நாங்கள் பயன்படுத்துவோம். பல காட்சி குழுக்களைக் கொண்ட ஒரு காட்சி குழு எவ்வாறு பல கிராப்களை ஒரே நேரத்தில் கையாள பயன்படுத்தலாம் என்பதற்கான இது ஒரு சிறந்த எடுத்துக்காட்டு.

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

இந்த கடைசி பிட் குறியீடு இந்த செயல்பாடுகளை இயக்கும்போது என்ன நடக்கிறது என்பதை நிரூபிக்கிறது. பயன்பாட்டை தொடங்குவதற்குப் பிறகு ஒவ்வொரு இரண்டாவது செயல்பாடும் செயலிழக்க டைமர். நீங்கள் இந்த செயல்பாடு அறிந்திருக்கவில்லை என்றால், முதல் மாறி மில்லி விநாடிகளில் வெளிப்படுத்தப்படும் தாமதம் நேரம் மற்றும் இரண்டாவது நாம் அந்த தாமதத்திற்கு பிறகு இயக்க வேண்டும் செயல்பாடு ஆகும்.

நீங்கள் பயன்பாட்டைத் துவக்கும் போது, ​​image1.png மேலே படத்தில் நீங்கள் இருக்க வேண்டும். ScreenLayer செயல்பாடு முன் படம் எடுக்கும். நகர்வுஒரு செயல்பாடு image2.png கீழ் படத்தின் படத்திலிருந்து நகர்த்தப்படும், மற்றும் moveTwo செயல்பாடு ஒரே நேரத்தில் இரு படங்களை நகர்த்தும், கடைசியாக தீப்பிடிக்கும்.

ஒரு மெதுவான ஐபாட் சரி எப்படி

இந்த குழுக்களில் ஒவ்வொன்றும் டஜன் கணக்கான படங்களைக் கொண்டிருக்கலாம் என்பதை நினைவில் கொள்வது அவசியம். நகர்வுகூடுதல் செயல்பாடு இரண்டு குறியீடுகளை ஒரு கோடு வழியாக நகர்த்தியது போல், ஒரு குழுவில் உள்ள அனைத்து படங்களும் குழுவிற்கு வழங்கப்படும் கட்டளைகளை எடுக்கும்.

தொழில்நுட்ப ரீதியாக, டிஸ்ப்ளே குழுவினர் இதில் காட்சிக்குழுக்கள் மற்றும் படங்களில் உள்ளனர். இருப்பினும், இது போன்ற சில குழுக்களை காட்சிப்படுத்துவது நல்ல அமைப்பை உருவாக்குவதற்காக வேறு குழுக்களுக்கு எந்தவொரு படங்களுமின்றி கன்டெய்னராக செயல்படுவது நல்லது.

இந்தப் பயிற்சி காட்சிப் பொருளைப் பயன்படுத்துகிறது. காட்சி பொருள் பற்றி மேலும் அறிக.

எப்படி தொடங்குவது ஐபாட் ஆப்ஸ் உருவாக்குவது?