ວິທີການຊັ້ນ, ຍ້າຍແລະນໍາພາບກາຟິກໄປທາງຫນ້າ

ການນໍາໃຊ້ SDK Corona ກັບ Manipulate Graphics

ອົງປະກອບທີ່ສໍາຄັນຂອງການສ້າງ, ການຈັດການແລະການຄຸ້ມຄອງຮູບພາບໃນ Corona SDK ແມ່ນຈຸດປະສົງສະແດງ. ບໍ່ພຽງແຕ່ສາມາດໃຊ້ວັດຖຸນີ້ເພື່ອສະແດງຮູບພາບຈາກໄຟລ໌, ບາງທີອາດເປັນສິ່ງສໍາຄັນ, ມັນສາມາດເຮັດໃຫ້ທ່ານຈັດຮູບພາບຂອງທ່ານຮ່ວມກັນ. ນີ້ສາມາດເຮັດໃຫ້ທ່ານຍ້າຍຊຸດຮູບພາບທັງຫມົດທົ່ວຫນ້າຈໍໃນເວລາດຽວກັນແລະຮູບພາບຊັ້ນເທິງສຸດຂອງກັນແລະກັນ.

ການສອນນີ້ຈະສອນທ່ານພື້ນຖານຂອງການນໍາໃຊ້ກຸ່ມສະແດງເພື່ອຈັດການວັດຖຸກາຟິກໃນໂຄງການຂອງທ່ານ. ນີ້ຈະສະແດງໃຫ້ເຫັນໂດຍການສ້າງສອງຊັ້ນທີ່ແຕກຕ່າງກັນ, ຫນຶ່ງທີ່ສະແດງໃຫ້ເຫັນຫນ້າຈໍປົກກະຕິແລະອີກປະການຫນຶ່ງທີ່ເປັນຮູບແບບທີ່ຖືກຈັດໃສ່ເທິງຂອງມັນ. ນອກເຫນືອຈາກການຈັດວາງຮູບພາບ, ພວກເຮົາຍັງຈະນໍາໃຊ້ວັດຖຸປ່ຽນແປງເພື່ອຍ້າຍກຸ່ມແບບເຕັມຮູບແບບ.

ວິທີການຕະຫຼາດ App ຂອງທ່ານ

ຫມາຍເຫດ: ເພື່ອຈະປະຕິບັດຕາມບົດແນະນໍານີ້, ທ່ານຈໍາເປັນຕ້ອງມີສອງຮູບພາບ: image1.png ແລະ image2.png. ເຫຼົ່ານີ້ສາມາດເປັນຮູບພາບທີ່ທ່ານເລືອກ, ແຕ່ tutorial ຈະເຮັດວຽກທີ່ດີທີ່ສຸດຖ້າທ່ານມີຮູບພາບປະມານ 100 pixels ໂດຍ 100 pixels. ນີ້ຈະຊ່ວຍໃຫ້ທ່ານໄດ້ຢ່າງງ່າຍດາຍເບິ່ງສິ່ງທີ່ເກີດຂຶ້ນກັບຮູບພາບ.

ເພື່ອເລີ່ມຕົ້ນ, ພວກເຮົາຈະເປີດໄຟລ໌ໃຫມ່ທີ່ເອີ້ນວ່າ main.lua ແລະເລີ່ມຕົ້ນສ້າງລະຫັດຂອງພວກເຮົາ:

displayMain = displaynewGroup () displayFirst = displaynewGroup () displaySecond = displaynewGroup () global_move_x = displaycontentWidth / 5

ສ່ວນລະຫັດນີ້ສ້າງຕັ້ງຫ້ອງສະຫມຸດ ui ຂອງພວກເຮົາແລະປະກາດໂດຍຜ່ານກຸ່ມສະແດງຜົນ: displayMain, displayFirst ແລະ displaySecond. ພວກເຮົາຈະນໍາໃຊ້ຮູບພາບເຫຼົ່ານີ້ໄປຊັ້ນຊັ້ນທໍາອິດຂອງພວກເຮົາແລະຫຼັງຈາກນັ້ນຍ້າຍພວກມັນ. ຕົວປ່ຽນແປງ global_move_x ຖືກກໍານົດເຖິງ 20% ຂອງ width ຂອງ display ດັ່ງນັ້ນພວກເຮົາສາມາດເບິ່ງການເຄື່ອນໄຫວ.

function setupScreen () displayMain: insert (displayFirst) displayMain: insert (displaySecond) displayFirst: toFront () displaySecond: toFront () local background = display.newImage ("image1.png", 0,0) displayFirst: insert (background) local background = display.newImage ("image2.png", 0,0) displaySecond: insert (background) ສິ້ນສຸດ

ຟັງຊັນ setupScreen ສະແດງໃຫ້ເຫັນວິທີການເພີ່ມກຸ່ມສະແດງໃຫ້ເຫັນເຖິງກຸ່ມສະແດງຕົ້ນຕໍ. ພວກເຮົາຍັງໃຊ້ຫນ້າທີ່ toFront () ເພື່ອສ້າງ layer graphic ທີ່ແຕກຕ່າງກັນ, ດ້ວຍ layer ທີ່ພວກເຮົາຕ້ອງການໃນທຸກໆເວລາທີ່ສຸດ.

ໃນຕົວຢ່າງນີ້, ມັນບໍ່ຈໍາເປັນຕ້ອງຍ້າຍຫນ້າຈໍກ່ອນຫນ້າຍ້ອນວ່າມັນຈະຢູ່ເບື້ອງລຸ່ມຂອງກຸ່ມ displaySecond, ແຕ່ມັນກໍ່ດີທີ່ຈະເຂົ້າໄປໃນນິໄສຂອງການສະແດງກຸ່ມແຕ່ລະກຸ່ມ. ໂຄງການສ່ວນຫຼາຍຈະສິ້ນສຸດດ້ວຍຫຼາຍກວ່າສອງຂັ້ນຕອນ.

ພວກເຮົາຍັງໄດ້ເພີ່ມຮູບພາບໃຫ້ແກ່ກຸ່ມແຕ່ລະຄົນ. ເມື່ອພວກເຮົາເລີ່ມຕົ້ນແອັບຯ, ຮູບທີສອງຄວນຢູ່ເທິງສຸດຂອງພາບທໍາອິດ.

function screenLayer () displayFirst: toFront () ສິ້ນສຸດ

ພວກເຮົາໄດ້ຈັດວາງຮູບພາບຂອງພວກເຮົາກັບກຸ່ມ displaySecond ຢູ່ເທິງສຸດຂອງກຸ່ມ displayFirst. ຟັງຊັນນີ້ຈະຍ້າຍຈໍສະແດງຜົນຫນ້າໄປທາງຫນ້າ.

function moveOne () displaySecondx = displaySecondx + global_move_x ສິ້ນສຸດ

ຟັງຊັ່ນ MoveOne ຈະຍ້າຍຮູບພາບທີສອງໄປທາງຂວາໂດຍ 20% ຂອງຄວາມກວ້າງຂອງຫນ້າຈໍ. ເມື່ອພວກເຮົາໂທຫາຫນ້າທີ່ນີ້, ກຸ່ມ displaySecond ຈະຢູ່ເບື້ອງຫລັງກຸ່ມ displayFirst.

function moveTwo () displayMainx = displayMainx + global_move_x ສິ້ນສຸດ

ການເຄື່ອນໄຫວ MoveTwo ຈະເຄື່ອນຍ້າຍທັງສອງຮູບພາບໄປທາງຂວາໂດຍ 20% ຂອງຄວາມກວ້າງຫນ້າຈໍ. ຢ່າງໃດກໍຕາມ, ແທນທີ່ຈະເຄື່ອນຍ້າຍແຕ່ລະກຸ່ມແຕ່ລະຄົນ, ພວກເຮົາຈະນໍາໃຊ້ກຸ່ມ DisplayMain ເພື່ອຍ້າຍພວກເຂົາທັງສອງໃນເວລາດຽວກັນ. ນີ້ແມ່ນຕົວຢ່າງທີ່ດີຂອງວິທີການກຸ່ມສະແດງທີ່ມີກຸ່ມສະແດງຫຼາຍໆສາມາດໃຊ້ເພື່ອຈັດການຮູບພາບຫຼາຍຢ່າງໃນເວລາດຽວກັນ.

setupScreen () timerperformWithDelay (1000, screenLayer) timerperformWithDelay (2000, moveOne) timerperformWithDelay (3000, moveTwo)

ນີ້ລະຫັດສຸດທ້າຍຂອງລະຫັດສະແດງໃຫ້ເຫັນສິ່ງທີ່ເກີດຂຶ້ນເມື່ອພວກເຮົາດໍາເນີນການເຫຼົ່ານີ້. ພວກເຮົາຈະໃຊ້ຟັງຊັນ timer.performWithDelay ເພື່ອປະຕິບັດຫນ້າທີ່ໃນແຕ່ລະທີສອງຫຼັງຈາກ app ເປີດຕົວ. ຖ້າທ່ານບໍ່ຄຸ້ນເຄີຍກັບການເຮັດວຽກນີ້, ຕົວແປທໍາອິດແມ່ນເວລາທີ່ຈະຊັກຊ້າສະແດງອອກໃນເມລ໌ວິນາທີແລະທີສອງແມ່ນຫນ້າທີ່ທີ່ພວກເຮົາຕ້ອງການທີ່ຈະດໍາເນີນການຫຼັງຈາກນັ້ນ.

ເມື່ອຄຸນເປີດແອັບຯ, ທ່ານຄວນຈະມີຮູບພາບ 2.png ຢູ່ເທິງສຸດຂອງຮູບພາບ 1.png. ຟັງຊັນຫນ້າຈໍຈະສະກົດແລະນໍາຮູບພາບຮູບພາບ 1png ໄປທາງຫນ້າ. ຟັງຊັ່ນ MoveOne ຈະຍ້າຍ image2.png ອອກຈາກພາຍໃຕ້ຮູບພາບ 1.png ແລະການເຄື່ອນໄຫວ MoveTwo ຈະໄຟສຸດທ້າຍ, ການເຄື່ອນຍ້າຍທັງພາບໃນເວລາດຽວກັນ.

ວິທີການແກ້ໄຂ iPad ຊ້າ

ມັນເປັນສິ່ງສໍາຄັນທີ່ຈະຈື່ວ່າແຕ່ລະກຸ່ມເຫຼົ່ານີ້ສາມາດມີຮູບພາບຫລາຍສິບແຫ່ງໃນພວກເຂົາ. ແລະຄືກັນກັບການເຄື່ອນໄຫວຂອງ MoveTwo ຍ້າຍຮູບພາບທັງສອງຮູບແບບດ້ວຍລະຫັດຫນຶ່ງ, ທຸກຮູບພາບພາຍໃນກຸ່ມຈະໃຊ້ຄໍາສັ່ງໃຫ້ກຸ່ມ.

ເທກນິກ, ກຸ່ມ displayMain ສາມາດມີທັງກຸ່ມສະແດງແລະຮູບພາບທີ່ມີຢູ່ພາຍໃນມັນ. ຢ່າງໃດກໍ່ຕາມ, ມັນເປັນການປະຕິບັດທີ່ດີທີ່ຈະໃຫ້ກຸ່ມບາງຄົນເຊັ່ນ DisplayMain ປະຕິບັດເປັນບ່ອນເກັບມ້ຽນສໍາລັບກຸ່ມອື່ນໂດຍບໍ່ມີຮູບພາບເພື່ອສ້າງອົງການທີ່ດີຂຶ້ນ.

tutorial ນີ້ເຮັດໃຫ້ການນໍາໃຊ້ວັດຖຸສະແດງ. ຮຽນຮູ້ເພີ່ມເຕີມກ່ຽວກັບສະແດງວັດຖຸ.

ວິທີການເລີ່ມຕົ້ນພັດທະນາແອັບຯ iPad