Jinsi ya Layer, Move na Bringing Graphics mbele

Kutumia SDK Corona kuendesha Graphics

Sehemu muhimu ya kujenga, kudhibiti na kusimamia graphics katika SDK Corona ni kitu cha kuonyesha. Sio tu kitu hicho kinachoweza kutumiwa kuonyesha picha kutoka faili, labda tu muhimu, inakuwezesha kukusanya picha zako pamoja. Hii inakuwezesha kusonga seti nzima ya picha kote kwenye skrini mara moja na picha za safu juu ya kila mmoja.

Mafunzo haya atakufundisha misingi ya kutumia vikundi vya kuonyesha kuonyesha mipangilio ya picha kwenye mradi wako. Hii itaonyeshwa kwa kuunda tabaka mbili tofauti, moja inayowakilisha skrini ya kawaida na nyingine inayowakilisha safu ya modal ili kuwekwa juu yake. Mbali na kuweka picha, tutaweza pia kutumia kitu cha mpito ili kuhamisha kundi zima la modal.

Jinsi ya kuingiza App yako

Kumbuka: Ili kufuata pamoja na mafunzo haya, unahitaji picha mbili: image1.png na image2.png. Hizi zinaweza kuwa picha zozote unazochagua, lakini mafunzo atafanya kazi bora ikiwa una picha karibu na saizi 100 na pixels 100. Hii itawawezesha kuona kwa urahisi kinachotokea kwa picha.

Ili kuanza, tutafungua faili mpya inayoitwa main.lua na kuanza kujenga code yetu:

kuonyeshaMain = display.newGroup (); kuonyeshaFirst = display.newGroup (); kuonyeshaSecond = kuonyesha.newGroup (); global_move_x = display.contentWidth / 5;

Sehemu hii ya msimbo imeweka maktaba yetu na inatangaza kwa njia ya makundi ya kuonyesha: kuonyeshaMaonyesho, ya kwanza na ya kuonyeshaSecond. Tutatumia hizi kwa safu ya kwanza ya graphics zetu kisha tukawahamishe. Mchanganyiko wa kimataifa_move_x umewekwa kwa upana wa 20% ya maonyesho hivyo tunaweza kuona harakati.

usanidi wa kaziScreen () onyeshaMaa: kuingiza (kuonyeshaFirst); kuonyeshaMain: kuingiza (kuonyeshaSecond); kuonyeshaFirst: toFront (); kuonyeshaSecond: Mbele (); background ya eneo = kuonyesha.newImage ("image1.png", 0,0); kuonyesha kwanza: kuingiza (background); background ya eneo = kuonyesha.newImage ("image2.png", 0,0); kuonyeshaSecond :ingiza (background); mwisho

Kazi ya kuanzisha Screen inaonyesha jinsi ya kuongeza vikundi vya kuonyesha kwenye kundi kuu la kuonyesha. Tunajumuisha kazi ya mbele () ya kuanzisha tabaka tofauti za picha, na safu tunayotaka juu wakati wote uliotangazwa mwisho.

Katika mfano huu, haihitajiki kuonyeshwa kwa mara ya kwanza kwa kuwa itakuwa default kuwa chini ya kikundi cha kuonyeshaSecond, lakini ni vizuri kupata tabia ya kuweka kila kundi la kuonyesha. Miradi mingi itaishia na tabaka zaidi ya mbili.

Tumeongeza picha kwa kila kikundi. Tunapoanza programu, picha ya pili inapaswa kuwa juu ya picha ya kwanza.

kazi screenLayer () kuonyeshaFirst: toFront (); mwisho

Tumekuwa tayari kupiga rangi kwa michoro yetu na kikundi cha kuonyeshaSecond juu ya kikundi cha kwanza cha kuonyesha. Kazi hii itasaidia kuonyesha kwanza kwa mbele.

kazi hojaOne () kuonyeshaSecond.x = displaySecond.x + global_move_x; mwisho

Kazi ya hoja ya hoja itahamasisha picha ya pili kwa haki na 20% ya upana wa skrini. Tunapopiga simu hii kazi, kikundi cha kuonyeshaSecond kitakuwa nyuma ya kikundi cha kwanza.

kazi moveTwo () kuonyeshaMain.x = kuonyeshaMain.x + global_move_x; mwisho

Kazi ya TTwo itahamasisha picha zote kwa haki na 20% ya upana wa skrini. Hata hivyo, badala ya kuhamia kila kikundi kwa kila mmoja, tutatumia kikundiKwa kundi la kuwahamisha wote kwa wakati mmoja. Huu ni mfano mzuri wa jinsi kikundi cha kuonyesha ambacho kina makundi mengi ya kuonyesha inaweza kutumika kutumiwa graphics nyingi mara moja.

SetupScreen (); timer.performWithDelay (1000, screenLayer); timer.performWithDelay (2000, hojaOne); timer.performWithDelay (3000, hojaTwo);

Kidogo cha mwisho cha msimbo kinaonyesha kile kinachotokea wakati tunapoendesha kazi hizi. Tutatumia kazi ya timer.performWithDelay ili kuzima kazi kila pili baada ya programu ilizinduliwa. Ikiwa haujui na kazi hii, kutofautiana kwanza ni wakati wa kuchelewa ulioonyeshwa kwenye milliseconds na pili ni kazi tunayotaka kukimbia baada ya kuchelewa.

Unapoanzisha programu, unapaswa kuwa na picha2.png juu ya image1.png. Kazi ya skrini ya skrini itawa moto na kuleta image1.png mbele. Kazi ya hojaOne itaondoa image2.png kutoka chini ya image1.png, na kazi ya TT itakuwa moto mwisho, kusonga picha zote kwa wakati mmoja.

Jinsi ya Kurekebisha iPad Slow

Ni muhimu kumbuka kwamba kila mmoja wa makundi haya anaweza kuwa na picha nyingi ndani yao. Na kama kazi ya Two ilivyosababisha picha zote na mstari mmoja wa kificho, picha zote ndani ya kikundi zitachukua amri zilizopewa kundi.

Kitaalam, maonyeshoKwa kundi linaweza kuwa na makundi mawili ya kuonyesha na picha zilizomo ndani yake. Hata hivyo, ni mazoea mazuri ya kuruhusu makundi fulani kama maonyeshoKufanya kazi kama vyombo kwa makundi mengine bila picha yoyote ili kuunda shirika bora.

Mafunzo haya hutumia kitu cha kuonyesha. Jifunze zaidi kuhusu kitu cha kuonyesha.

Jinsi ya kuanza Kuendeleza programu za iPad