Carane Layer, Pindah lan Nggawe Graphics menyang ngarep

Nggunakake Corona SDK kanggo Manipulate Graphics

Komponen kunci nggawe, manipulasi lan ngatur grafis ing Corona SDK yaiku obyek tampilan. Ora mung obyek iki bisa digunakake kanggo nampilake gambar saka file, mbokmenawa minangka penting, ngidini sampeyan nggolongake gambar bebarengan. Iki ngijini sampeyan mindhah sakumpulan grafis sak layar bebarengan lan lapisan grafis ing ndhuwur saben liyane.

Tutorial iki bakal ngudharake sampeyan kanthi nggunakake kelompok tampilan kanggo ngatur obyek grafis ing proyek sampeyan. Iki bakal dituduhake kanthi nggawe loro lapisan sing beda, siji sing nuduhake layar normal lan liya-liyane minangka lapisan modal sing dipasang ing ndhuwur. Saliyane nggandheng grafis, kita uga bisa nggunakake obyek transisi kanggo mindhah kabeh grup modal.

Carane Market App Panjenengan

Cathetan: Supaya bisa tindakake bebarengan karo tutorial iki, sampeyan butuh rong gambar: image1.png and image2.png. Iki bisa dadi gambar sing sampeyan pilih, nanging tutorial bakal paling apik yen sampeyan duwe gambar sakitar 100 piksel kanthi 100 piksel. Iki bakal ngidini sampeyan kanthi gampang ndeleng apa sing kedadeyan ing gambar kasebut.

Kanggo miwiti, kita bakal mbukak file anyar sing disebut main.lua lan miwiti mbangun kode kita:

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

Kode bagean iki nyetel perpustakaan ui kita lan nyatakake liwat grup tampilan: displayMain, displayFirst, lan displaySecond. Kita bakal nggunakake iki kanggo lapisan pisanan kita grafis lan banjur pindhah mau. Variabel global_move_x disetel nganti 20% saka ambane tampilan supaya kita bisa ndeleng gerakan kasebut.

fungsi setupScreen () tampilanMain: insert (displayFirst); displayMain: insert (displaySecond); displayFirst: toFront (); displaySegur: toFront (); lokal latar mburi = display.newImage ("image1.png", 0,0); displayFirst: insert (latar belakang); lokal latar mburi = display.newImage ("image2.png", 0,0); displaySecond: insert (latar belakang); pungkasan

Fungsi setupScreen nduduhake carane nambah grup tampilan menyang grup tampilan utama. Kita uga nggunakake fungsi toFront () kanggo nyetel lapisan grafik sing beda, karo lapisan sing kita pengin ing ndhuwur kabeh wektu declared pungkasan.

Ing conto iki, ora perlu kanggo mindhah displayFirst menyang ngarep amarga bakal dadi standar ing ngisor grup DisplaySecond, nanging luwih becik kanggo njaluk menyang pakaryan kanthi tegas layering saben grup tampilan. Paling proyek bakal rampung karo luwih saka loro lapisan.

Kita uga nambah gambar kanggo saben grup. Nalika kita miwiti app, gambar kapindho kudu ing ndhuwur gambar pisanan.

fungsi screenLayer () tampilanFirst: toFront (); pungkasan

Kita wis dilapisi grafis kita karo grup displaySecond ing sisih ndhuwur grup displayFirst. Fungsi iki bakal mindhah displayFirst menyang ngarep.

fungsi moveOne () displaySecond.x = displaySecond.x + global_move_x; pungkasan

Fungsi moveOne bakal mindhah gambar kapindho ing sisih tengen kanthi 20% saka ambane layar. Nalika kita nelpon fungsi iki, grup displaySecond bakal ana ing sangisore grup displayFirst.

fungsi moveTwo () displayMain.x = displayMain.x + global_move_x; pungkasan

Fungsi moveTwo bakal mindhah loro gambar ing sisih tengen kanthi 20% saka ambane layar. Nanging, tinimbang mindhah saben kelompok kanthi individu, kita bakal nggunakake grup displayMain kanggo mindhah wong loro ing wektu sing padha. Iki minangka conto gedhe babagan grup tampilan sing ngemot akeh kelompok tampilan sing bisa digunakake kanggo ngapusi akeh grafis bebarengan.

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

Iki kode pungkasan mbuktekake apa sing kedadeyan nalika mbukak fungsi kasebut. Kita bakal nggunakake fungsi timer.performWithDelay kanggo murub fungsi saben detik sawise app dibukak. Yen sampeyan ora ngerti karo fungsi iki, variabel sing kapisan yaiku wektu kanggo nanggepi sing ditulis ing milliseconds lan sing liya minangka fungsi sing arep kita tindakake sawise wektu tundha kasebut.

Nalika sampeyan miwiti aplikasi, sampeyan kudu duwe image2.png ing ndhuwur image1.png. Fungsi screenLayer bakal murub lan ngowahi image1.png ing ngarep. Fungsi moveOne bakal mindhah image2.png metu saka sangisore image1.png, lan fungsi moveTwo bakal murub suwene, mindhah loro gambar sakaligus.

Carane Ndandani iPad Lambat

Iku penting kanggo elinga yen saben kelompok kasebut bisa duwe puluhan gambar ing dheweke. Lan kaya fungsi moveTwo dipindhah loro gambar kanthi siji baris kode, kabeh gambar ing sawijining klompok bakal njupuk perintah sing diwenehake marang grup kasebut.

Secara teknis, grup displayMain bisa nduwe loro grup lan gambar sing ana ing jero. Nanging, iku praktik apik kanggo ngidini sawetara kelompok kayata displayMain minangka kontainer kanggo grup liyane tanpa gambar kanggo nggawe organisasi sing luwih apik.

Tutorial iki ndadekake nggunakake obyek tampilan. Sinau luwih lengkap babagan obyek tampilan.

Carane Miwiti Ngembangaken Aplikasi iPad