Unsaon sa Layer, Pagbalhin ug Pagdala sa Graphics sa Front

Gigamit ang Corona SDK sa Manipulate Graphics

Ang importante nga bahin sa pagmugna, pag-manipulate ug pagdumala sa mga graphic sa Corona SDK mao ang display object. Dili lamang kini nga butang magamit sa pagpakita sa usa ka imahen gikan sa usa ka file, tingali sama ka importante, kini nagtugot kanimo sa paghugpong sa imong mga imahen. Kini makapahimo kanimo sa paglihok sa usa ka bug-os nga hugpong sa mga graph sa palibot sa screen sa usa ka higayon ug mag-layer og mga graphic ibabaw sa matag usa.

Kini nga panudlo magtudlo kanimo sa mga sukaranan sa paggamit sa mga grupo nga gipakita aron sa pag-organisar sa mga graphical nga mga butang sa imong proyekto. Gipakita kini pinaagi sa paghimo sa duha ka lainlaing mga lut-od, ang usa nga nagrepresentar sa normal nga screen ug ang usa nga naghawas sa modal layer nga ibutang sa ibabaw niini. Gawas pa sa paghimo sa mga hulagway, gamiton usab nato ang transisyon nga butang aron ibalhin ang tibuok grupo sa modal.

Unsaon sa Pagbaligya sa Imong App

Mubo nga sulat: Aron makasunod uban niini nga panudlo, magkinahanglan ka og duha ka mga hulagway: image1.png ug image2.png. Kini mahimong bisan unsa nga mga imahen nga imong pilion, apan ang tutorial mahimong labing maayo kon ikaw adunay mga litrato nga adunay 100 ka pixel sa 100 ka pixel. Makapahimo kini kanimo nga sayon ​​nga makita kung unsay nanghitabo sa mga imahen.

Sa pagsugod, kita magbukas sa usa ka bag-ong file nga gitawag main.lua ug magsugod sa pagtukod sa atong code:

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

Kini nga seksyon sa kodigo nagbutang sa atong ui nga librarya ug nagdeklarar pinaagi sa mga display group: displayMain, display First ug displaySecond. Gagamiton namon kini aron i-layer una ang among mga hulagway ug dayon ibalhin kini. Ang variable sa global_move_x gibutang sa 20% sa lapad sa display aron makita nato ang kalihokan.

function setupScreen () displayMain: insert (display First); displayMain: insert (displaySecond); display First: toFront (); displaySeguro: toFront (); lokal nga background = display.newImage ("image1.png", 0,0); display First: insert (background); lokal nga background = display.newImage ("image2.png", 0,0); displaySeguro: isul-ob ang (background); katapusan

Ang gimbuhaton sa setupScreen nagapakita kung unsaon pagdugang sa mga grupo sa display ngadto sa main display group. Gigamit usab namo ang toFront () function sa pag-set up sa lain-laing mga graphic layers, nga ang layer nga gusto nato sa ibabaw sa tanang panahon nga gideklara sa katapusan.

Sa kini nga pananglitan, dili kinahanglan gayud nga ibalhin ang display sa una sa atubangan tungod kay kini dili mahimo sa ubos sa displaySecond group, apan maayo ang pag-usab sa kinaiya sa tin-aw nga paghimo sa matag display group. Kadaghanan sa mga proyekto adunay labaw pa kay sa duha ka mga lut-od.

Nagdugang usab kami og usa ka larawan sa matag grupo. Sa diha nga kita magsugod sa app, ang ikaduha nga larawan kinahanglan nga sa ibabaw sa unang larawan.

function screenLayer () displayFirst: toFront (); katapusan

Gihimo na namo ang among mga graphic sa displaySecond group sa ibabaw sa display First group. Kini nga paglihok mag-iwit sa una sa atubangan.

function moveOne () displaySecond.x = displaySecond.x + global_move_x; katapusan

Ang lihok sa usa ka paglihok molihok sa ikaduha nga hulagway sa tuo sa 20% sa lapad sa screen. Sa dihang gitawag nato kini nga function, ang displaySecond nga grupo mao ang anaa sa luyo sa display First group.

function moveTwo () displayMain.x = displayMain.x + global_move_x; katapusan

Ang pagbalhinTwo nga kalihokan magalihok sa duha ka mga larawan sa tuo sa 20% sa lapad sa screen. Apan, imbis nga ibalhin ang tagsa-tagsa nga grupo, atong gamiton ang displayMain nga grupo sa pagbalhin kanila sa samang higayon. Kini usa ka maayo nga pananglitan kon sa unsa nga paagi nga ang usa ka grupo sa pasundayag nga adunay daghan nga mga display nga grupo mahimo nga gamiton sa pag-manipulate sa daghang mga graphic sa usa ka higayon.

setupScreen (); time.performWithDelay (1000, screenLayer); time.performWithDelay (2000, moveOne); timer.performWithDelay (3000, pagbalhin sa duha);

Kini nga katapusan nga code nagpakita kung unsa ang mahitabo sa dihang kita modagan niini nga mga gimbuhaton. Gamiton namon ang function sa timer.performWithDelay aron mapalong ang mga gimbuhaton kada segundo human gilusad ang app. Kung dili ka pamilyar sa kini nga function, ang unang variable mao ang panahon sa paglangan nga gipahayag sa miliseconds ug ang ikaduha mao ang function nga gusto natong subayon human sa paglangan.

Sa diha nga ikaw maglunsad sa app, ikaw kinahanglan adunay image2.png sa ibabaw sa image1.png. Ang function sa screenLayer mosunog ug magdala og image1.png sa atubangan. Ang lihok sa usa ka paglihok molihok sa image2.png gikan sa ilalum sa image1.png, ug ang paglihokTwo nga kalihokan mosilaob sa katapusan, mag-aghat sa duha ka mga larawan sa samang higayon.

Unsaon Pag-ayo sa usa ka Hinay nga iPad

Importante nga hinumdoman nga ang matag usa niining mga grupoha adunay daghan nga mga imahen diha kanila. Ug maingon nga ang kalihokan sa PaglihokTwo nga naglihok sa duha ka mga hulagway nga adunay usa ka linya sa kodigo, ang tanan nga mga larawan sulod sa usa ka pundok magkuha sa mga sugo nga gihatag sa grupo.

Sa teknikal, ang displayMain nga grupo mahimo nga adunay duha ka mga display group ug mga imahen nga anaa sa sulod niini. Hinuon, kini usa ka maayo nga buhat aron ang pipila ka mga grupo sama sa displayMain molihok isip mga sudlanan alang sa ubang mga grupo nga walay mga hulagway aron makahimo og maayo nga organisasyon.

Gigamit kini nga panudlo sa display object. Pagkat-on og dugang mahitungod sa display nga butang.

Unsaon Pagsugod sa Pagpalambo sa Mga Apps sa iPad