Ki jan kouch, deplase ak pote Graphics devan

Sèvi ak SDK a Corona Manipile Graphics

Eleman kle nan kreye, manipile ak jere grafik nan Corona SDK a se objè a ekspozisyon. Se pa sèlman ka objè sa a dwe itilize pou montre yon imaj ki soti nan yon dosye, petèt menm jan enpòtan, li pèmèt ou nan gwoup imaj ou yo ansanm. Sa a pèmèt ou deplase yon seri antye nan grafik alantou ekran an nan yon fwa ak kouch grafik sou tèt youn ak lòt.

Tutorial sa a pral anseye ou Basics yo nan lè l sèvi avèk gwoup ekspozisyon yo òganize objè yo grafik nan pwojè ou. Sa a pral demontre pa kreye de kouch diferan, yon sèl ki reprezante ekran an nòmal ak yon lòt ki reprezante yon kouch modal mete sou tèt li. Anplis de sa nan stratifikasyon grafik yo, nou pral tou itilize objè a tranzisyon pou avanse pou pi tout gwoup la modal.

Ki jan yo mache App ou

Remak: Nan lòd yo swiv ansanm ak Tutorial sa a, ou pral bezwen de imaj: image1.png ak image2.png. Sa yo ka nenpòt imaj ou chwazi pou ou, men leson patikilye a ap travay pi byen si ou gen imaj alantou 100 piksèl pa 100 piksèl. Sa a pral pèmèt ou fasil wè sa k ap pase nan imaj yo.

Pou kòmanse, nou pral louvri yon nouvo dosye ki rele main.lua epi kòmanse bati kòd nou an:

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

Seksyon sa a nan Kòd kouche moute bibliyotèk UI nou yo ak deklare nan gwoup ekspozisyon: displayMain, displayFirst ak displaySecond. Nou pral sèvi ak sa yo nan premye kouch grafik nou yo ak Lè sa a, deplase yo. Se global_move_x varyab la mete a 20% nan lajè ekspozisyon an pou nou ka wè mouvman an.

fonksyon konfigirasyonScreen () displayMain: insert (displayFirst); displayMain: insert (ekspozisyon); montreFirst: toFont (); montreSezyèm: toFront (); lokal background = display.newImage ("image1.png", 0,0); displayFirst: insert (background); lokal background = display.newImage ("image2.png", 0,0); montreSezyèm: insert (background); fen

Fonksyon an konfigirasyonScreen demontre ki jan yo ajoute gwoup ekspozisyon nan gwoup la ekspozisyon prensipal la. Nou itilize touFront () fonksyon yo mete kanpe kouch diferan grafik yo, ak kouch nan nou vle sou tèt tout tan an te deklare dènye a.

Nan egzanp sa a, li pa reyèlman bezwen pou avanse pou pi displayFirst la depi li pral default yo te anba a displaySecond gwoup la, men li se bon jwenn nan abitid la nan explicitly stratifikasyon chak gwoup ekspozisyon. Pifò pwojè pral fini ak plis pase de kouch.

Nou te ajoute tou yon imaj nan chak gwoup. Lè nou kòmanse app a, imaj la dezyèm yo ta dwe sou tèt imaj la an premye.

fonksyon screenLayer () displayFirst: toFront (); fen

Nou te deja kouch grafik nou yo ak gwoup la displaySecond sou tèt gwoup la displayFirst. Fonksyon sa a ap deplase displayFirst devan an.

fonksyon moveOne () displaySecond.x = displaySecond.x + global_move_x; fen

Fonksyon deplase a ap deplase dezyèm imaj la sou bò dwat la pa 20% nan lajè ekran an. Lè nou rele fonksyon sa a, gwoup displaySecond la ap rete dèyè gwoup displayFirst.

fonksyon moveTwo () displayMain.x = displayMain.x + global_move_x; fen

Fonksyon moveTwo a pral deplase tou de imaj sou bò dwat la pa 20% nan lajè ekran an. Sepandan, olye pou yo deplase chak gwoup endividyèlman, nou pral sèvi ak gwoup la displayMain pou avanse pou pi yo tou de nan menm tan an. Sa a se yon gwo egzanp sou fason yon gwoup ekspozisyon ki gen gwoup ekspozisyon miltip yo ka itilize yo manipile grafik anpil nan yon fwa.

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

Sa a ti jan dènye nan kòd demontre sa k ap pase lè nou kouri fonksyon sa yo. Nou pral sèvi ak fonksyon an timer.performWithDelay nan dife fonksyon yo chak dezyèm apre app a te lanse. Si ou se abitye ak fonksyon sa a, varyab an premye se tan nan reta ki eksprime nan milisgond ak dezyèm la se fonksyon an nou vle kouri apre sa reta.

Lè ou lanse app a, ou ta dwe gen image2.png sou tèt image1.png. Fonksyon an screenLayer pral dife epi pote image1.png devan. Fonksyon deplase a ap deplase image2.png soti nan anba image1.png, ak fonksyon an moveTwo pral dife dènye, k ap deplase tou de imaj an menm tan an.

Ki jan yo ranje yon iPad Ralanti

Li enpòtan sonje ke chak nan gwoup sa yo ka gen plizyè douzèn imaj nan yo. Ak menm jan fonksyon an moveTwo deplase tou de zidòl ak yon liy nan kòd, tout imaj ki nan yon gwoup pral pran kòmandman yo bay gwoup la.

Teknikman, gwoup la displayMain te ka gen tou de gwoup ekspozisyon ak imaj ki genyen nan li. Sepandan, li se yon pratik bon kite kèk gwoup tankou displayMain aji kòm kontenè pou lòt gwoup san okenn imaj yo nan lòd yo kreye pi bon òganizasyon.

Tutorial sa a fè pou sèvi ak objè a ekspozisyon. Aprann plis sou objè a ekspozisyon.

Kòman ou kapab jwenn te kòmanse devlope iPad Apps