តើធ្វើដូចម្តេចដើម្បីស្រទាប់, ផ្លាស់ទីនិងនាំយករូបភាពក្រាហ្វិកទៅមុខ

ប្រើកម្មវិធី Corona SDK ដើម្បីរៀបចំរូបក្រាហ្វិក

សមាសភាគសំខាន់នៃការបង្កើតរៀបចំនិងគ្រប់គ្រងក្រាហ្វិកនៅក្នុង Corona 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 របស់យើងហើយប្រកាសតាមរយៈក្រុមបង្ហាញ: displayMain, displayFirst and displaySecond ។ យើងនឹងប្រើក្រាហ្វិចទាំងនេះទៅក្រាហ្វិចដំបូងរបស់យើងហើយបន្ទាប់មកផ្លាស់ទីវា។ អថេរ global_move_x ត្រូវបានកំណត់ទៅ 20% នៃទទឹងបង្ហាញដូច្នេះយើងអាចឃើញចលនា។

មុខងារ setupScreen () displayMain: insert (displayFirst); displayMain: insert (displaySecond); displayFirst: toFront (); បង្ហាញទីពីរ: toFront (); ផ្ទៃខាងក្រោយក្នុងមូលដ្ឋាន = display.newImage ("image1.png", 0,0); displayFirst: insert (background); ផ្ទៃខាងក្រោយក្នុងមូលដ្ឋាន = display.newImage ("image2.png", 0,0); display2 ទីពីរ: បញ្ចូល (ផ្ទៃខាងក្រោយ); បញ្ចប់

មុខងារ setupScreen បង្ហាញពីរបៀបបន្ថែមក្រុមបង្ហាញទៅកាន់ក្រុមបង្ហាញ។ យើងក៏ប្រើមុខងារ toFront () ដើម្បីបង្កើតស្រទាប់ក្រាហ្វិកផ្សេងគ្នាជាមួយស្រទាប់ដែលយើងចង់បាននៅលើគ្រប់ពេលទាំងអស់ដែលបានប្រកាសចុងក្រោយ។

ក្នុងឧទាហរណ៍នេះវាមិនត្រូវការពិតប្រាកដដើម្បីផ្លាស់ទីការបង្ហាញដំបូងទៅខាងមុខទេព្រោះវានឹងស្ថិតនៅក្រោមក្រុមបង្ហាញទីពីរប៉ុន្តែវាល្អដើម្បីចូលក្នុងទម្លាប់នៃការដាក់ក្រុមបង្ហាញនីមួយៗ។ គម្រោងភាគច្រើននឹងបញ្ចប់ដោយមានស្រទាប់ជាងពីរ។

យើងក៏បានបន្ថែមរូបភាពមួយទៅក្រុមនីមួយៗផងដែរ។ នៅពេលយើងចាប់ផ្តើមកម្មវិធីរូបភាពទីពីរគួរតែស្ថិតនៅលើរូបភាពទីមួយ។

មុខងារ screenLayer () displayFirst: toFront (); បញ្ចប់

យើងបានដាក់ស្រទាប់ក្រាហ្វិចរបស់យើងរួចហើយជាមួយក្រុមបង្ហាញទីសូន្យនៅលើក្រុមដំបូង។ មុខងារនេះនឹងផ្លាស់ប្តូរការបង្ហាញដំបូង។

មុខងារ moveOne () displaySecond.x = displaySecond.x + global_move_x; បញ្ចប់

អនុគមន៍ MoveOne នឹងផ្លាស់ទីរូបភាពទីពីរទៅស្តាំដោយ 20% នៃទទឹងអេក្រង់។ នៅពេលយើងហៅមុខងារនេះក្រុមទីពីរនឹងស្ថិតនៅពីក្រោយក្រុមបង្ហាញ។

function moveTwo () displayMain.x = displayMain.x + global_move_x; បញ្ចប់

អនុគមន៍ MoveTwo នឹងផ្លាស់ទីរូបភាពទាំងពីរទៅស្តាំដោយ 20% នៃទទឹងអេក្រង់។ ទោះជាយ៉ាងណាក៏ដោយជំនួសឱ្យការផ្លាស់ប្តូរក្រុមនីមួយៗដាច់ដោយឡែកយើងនឹងប្រើក្រុម DisplayMain ដើម្បីផ្លាស់ទីពួកវាទាំងពីរក្នុងពេលតែមួយ។ នេះគឺជាឧទាហរណ៍ដ៏ល្អមួយអំពីរបៀបដែលក្រុមបង្ហាញដែលមានក្រុមបង្ហាញច្រើនអាចត្រូវបានប្រើដើម្បីរៀបចំក្រាហ្វិកជាច្រើននៅពេលតែមួយ។

setupScreen (); timer.performWithDelay (1000, screenLayer); timer.performWithDelay (2000, moveOne); timer.performWithDelay (3000, ផ្លាស់ទីពីរ);

លេខកូដចុងក្រោយនេះបង្ហាញពីអ្វីដែលកើតឡើងនៅពេលយើងដំណើរការមុខងារទាំងនេះ។ យើងនឹងប្រើមុខងារ timer.performWithDelay ដើម្បីបិទមុខងារនីមួយៗរៀងរាល់វិនាទីបន្ទាប់ពីកម្មវិធីត្រូវបានចាប់ផ្តើម។ ប្រសិនបើអ្នកមិនច្បាស់ពីអនុគមន៍នេះអថេរដំបូងគឺជាពេលវេលាដែលត្រូវពន្យាពេលបញ្ជាក់ជាមិល្លីវិនាទីហើយវិនាទីគឺជាមុខងារដែលយើងចង់រត់បន្ទាប់ពីការពន្យាពេលនោះ។

នៅពេលអ្នកបើកដំណើរការកម្មវិធីអ្នកគួរតែមាន image2.png នៅផ្នែកខាងលើនៃ image1.png ។ មុខងារ screenLayer នឹងបាញ់ហើយនាំយក image1.png ទៅខាងមុខ។ អនុគមន៍ MoveOne នឹងផ្លាស់ទី image2.png ចេញពីក្រោម image1.png ហើយអនុគមន៍ MoveTwo នឹងបាញ់ចុងក្រោយដោយផ្លាស់ទីរូបភាពទាំងពីរក្នុងពេលតែមួយ។

តើធ្វើដូចម្តេចដើម្បីជួសជុលកុំព្យូទ័រយឺតមួយ

វាជាការសំខាន់ដែលត្រូវចងចាំថាក្រុមនីមួយៗអាចមានរូបភាពជាច្រើននៅក្នុងពួកគេ។ ហើយគ្រាន់តែមុខងារ MoveTwo ផ្លាស់ទីរូបភាពទាំងពីរជាមួយនឹងបន្ទាត់មួយនៃកូដរាល់រូបភាពទាំងអស់នៅក្នុងក្រុមនឹងយកពាក្យបញ្ជាដែលបានផ្តល់ឱ្យក្រុម។

បច្ចេកទេស, ក្រុម DisplayMain អាចមានទាំងក្រុមបង្ហាញនិងរូបភាពដែលមាននៅក្នុងវា។ ទោះជាយ៉ាងណាក៏ដោយវាគឺជាការអនុវត្ដល្អមួយដើម្បីឱ្យក្រុមមួយចំនួនដូចជា displayMain ដើរតួជាធុងសម្រាប់ក្រុមផ្សេងទៀតដែលគ្មានរូបភាពដើម្បីបង្កើតអង្គការដែលល្អជាងនេះ។

ការបង្រៀននេះធ្វើឱ្យការប្រើវត្ថុបង្ហាញ។ ស្វែងយល់បន្ថែមអំពីវត្ថុដែលបង្ហាញ។

តើធ្វើដូចម្តេចដើម្បីចាប់ផ្តើមការអភិវឌ្ឍកម្មវិធីរបស់ iPad