Kuidas kiht, liikuda ja graafika esile tõsta

Kasutades Corona SDK graafika manipuleerimiseks

Graafika loomise, töötlemise ja haldamise põhikomponent Corona SDK-s on displeiobjekt. Seda pilti ei saa mitte ainult kasutada faili kuvamiseks, ehkki sama oluline on see, et saate pilte kokku grupeerida. See võimaldab teil kogu graafika komplekti kogu ekraani ümber liigutada ja kihi graafikat üksteise peal.

See juhendaja õpetab teile disainirühmade kasutamise põhitõdesid oma projekti graafiliste objektide korraldamiseks. Seda näitab kahe erineva kihi loomine, millest üks esindab tavalist ekraani ja teine, mis kujutab endast modaalset kihti. Graafika kihistamise kõrval kasutame ka kogu üleminekuobjekti, et kogu modaalkrupp liiguks.

Kuidas teie rakendust turustada?

Märkus . Selle õpetuse järgimiseks vajate kahte pilti: image1.png ja image2.png. Need võivad olla kõik valitud pildid, kuid juhendaja töötab kõige paremini, kui teil on pilte umbes 100 pikslit 100 piksliga. See võimaldab teil hõlpsalt näha, mis piltidega toimub.

Alustamiseks avame uue faili nimega main.lua ja hakkame oma koodi üles ehitama:

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

See koodi sektsioon loob meie ui teeki ja deklareerib kuvarühmade kaudu: displayMain, display First ja displaySecond. Me kasutame neid graafika esimest kihti ja seejärel neid liigutame. Muutuja global_move_x seatakse 20% ekraani laiusest, nii et näeme liikumist.

function setupScreen () displayMain: sisestada (displayFirst); displayMain: sisesta (displaySecond); displayFirst: toFront (); displaySecond: toFront (); kohalik taust = display.newImage ("image1.png", 0,0); kuva Esimene: sisestada (taust); kohalik taust = display.newImage ("image2.png", 0,0); displaySecond: sisestada (taust); lõpp

SetupScreen-funktsioon näitab, kuidas kuvarirühmi lisada põhiekraani gruppi. Me kasutame ka erinevatest graafilistest kihtidest koosneva funktsiooni toFront (), kusjuures kiht, mida me soovime üleval kogu ajahetkel, mis on viimati välja kuulutatud.

Selles näites ei ole tegelikult vaja kuvada esimest esipaneeli liikumiseks, kuna see on vaikimisi ekraani DisplaySecond all, kuid on hea, kui jõuate iga kuva rühma selgesti paindlikumaks. Enamik projekte on lõpuks enam kui kahel kihil.

Oleme lisanud ka iga grupi pildi. Rakenduse käivitamisel peaks teine ​​pilt olema esimese pildi peal.

funktsioon screenLayer () displayFirst: toFront (); lõpp

Me oleme graafika juba paigutanud DisplaySecondi rühma ekraani peal. Esimene grupp. See funktsioon liigub ekraanilt esimesena.

funktsioon moveOne () displaySecond.x = displaySecond.x + global_move_x; lõpp

Liikumise funktsioon liigub teise pildi paremale 20% ekraani laiusest. Kui me seda funktsiooni nimetame, kuvatakse DisplaySecond grupp esimest rühma.

function moveTwo () displayMain.x = displayMain.x + global_move_x; lõpp

MoveTwo funktsioon teisaldab mõlemad pildid paremale 20% ekraani laiusest. Kuid selle asemel, et iga rühma ükshaaval liigutada, kasutame me DisplayMaini rühma, et neid nii korraga teisaldada. See on suurepärane näide sellest, kuidas kuvarühma, mis sisaldab mitmeid kuvarirühmi, saab korraga kasutada paljusid graafikaid.

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

See viimane kood näitab, mis juhtub nende funktsioonide käivitamisel. Me kasutame funktsiooni taimer.performWithDelay, et funktsioone kustutada iga sekundi pärast rakenduse käivitamist. Kui te ei tunne seda funktsiooni, on esimene muutuja viivitusaeg, väljendatud millisekundites, ja teine ​​on funktsioon, mida me tahame pärast seda viivitust käivitada.

Rakenduse käivitamisel peaksite pilti image1.png peal olema image2.png. ScreenLayeri funktsioon põleb ja toob esikülge image1.png. MoveOne funktsioon liigub image2.png väljast image1.png all ja funktsioon movTwo põleb viimati, liigub mõlemad pildid samal ajal.

Kuidas määrata aeglaselt iPad

Oluline on meeles pidada, et neil rühmadel on kümneid pilte. Ja just niimoodi, et funktsioon moveTwo teisaldas mõlemad pildid ühe koodi rida, saavad kõik grupi pildid rühma antud käsud.

Tehniliselt on DisplayMain-grupil nii ekraanirühmad kui pildid. Siiski on hea tava lubada, et mõned grupid nagu displayMain toimiksid kontekstitena teistele rühmadele ilma piltideta, et luua paremat organisatsiooni.

See juhendaja kasutab ekraani objekti. Vaadake lisateavet ekraanielemendi kohta.

Kuidas alustada iPadi rakenduste arendamist