Kiel tavoli, movi kaj alporti grafikojn antaŭen

Uzante la Kronon SDK por Manipuli Grafikojn

La ŝlosila komponanto krei, manipuli kaj administri grafikojn en la Krono SDK estas la vidpunkto. Ne nur ĉi tiu objekto povas esti uzata por montri bildon de dosiero, eble same same, ke ĝi permesas grupigi viajn bildojn kune. Ĉi tio ebligas al vi movi tutan aron da grafikaĵoj ĉirkaŭ la ekrano samtempe kaj tavolo-grafikaĵoj super unu la alian.

Ĉi tiu lernilo instruos al vi la bazojn de uzado de grupoj por organizi la grafikajn objektojn en via projekto. Ĉi tio estos pruvita kreante du malsamajn tavolojn, unu reprezentantan la normalan ekranon kaj alia reprezentanta modala tavolo por meti supre de ĝi. Krom tavolante la grafikaĵojn, ni ankaŭ uzos la transpagan objekton por movi la tutan modalan grupon.

Kiel Merkatigi Vian Appon

Noto: Por sekvi kune kun ĉi tiu lernilo, vi bezonos du bildojn: image1.png kaj image2.png. Ĉi tiuj povas esti iuj bildoj, kiujn vi elektas, sed la lernilo funkcios plej bone, se vi havas bildojn ĉirkaŭ 100 pikselojn per 100 rastrumeroj. Ĉi tio permesos al vi facile vidi, kio okazas al la bildoj.

Komenci, ni malfermos novan dosieron nomitan main.lua kaj komencos konstrui nian kodon:

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

Ĉi tiu sekcio de kodo starigas nian ui-bibliotekon kaj deklaras per montraj grupoj: displayMain, displayEstas kaj montriĝo. Ni uzos ĉi tiujn por unue tavoli niajn grafikojn kaj poste movi ilin. La suma_move_x variablo estas al 20% de la larĝa de la ekrano, por ke ni povu vidi la movadon.

funkcio instalinstrukciojn () displayMain: enmeti (display First); displayMain: enmeti (displaySecond); montriĝo Unua: toFront (); displaySecond: toFront (); loka fono = display.newImage ("image1.png", 0,0); unuavido: enmeti (fono); loka fono = display.newImage ("image2.png", 0,0); displaySecond: enmeti (fonon); fino

La funkcio de instalinstrukcio montras kiel aldoni ekranajn grupojn al la ĉefa montra grupo. Ni ankaŭ uzas la funkcion toFront () por agordi la malsamajn grafikajn tavolojn, kun la tavolo, kiun ni volas supre dum la tuta tempo deklarita lasta.

En ĉi tiu ekzemplo, ĝi ne vere bezonas movi la ekranon Unua al la fronto pro tio ke ĝi implicite restos sub la ekranoSecond-grupo, sed estas bone eniri la kutimon eksplicite stratigi ĉiun ekranon. Plej multaj projektoj finos kun pli ol du tavoloj.

Ni ankaŭ aldonis bildon al ĉiu grupo. Kiam ni komencas la programon, la dua bildo devas esti supre de la unua bildo.

funkcio screenLayer () display Unua: toFront (); fino

Ni jam mantelis niajn grafikojn kun la ekranoSecond-grupo sur la unua montriĝo. Ĉi tiu funkcio movos montriĝo Unua al la fronto.

funkcio movo () displaySecond.x = displaySecond.x + global_move_x; fino

La funkcio de movado movos la duan bildon dekstre per 20% de la ekrano larĝa. Kiam ni nomas ĉi tiun funkcion, la ekranoSecond-grupo estos malantaŭ la unua Unua grupo.

funkcio moveTwo () displayMain.x = displayMain.x + global_move_x; fino

La movadoTwo funkcio movos ambaŭ bildojn dekstre per 20% de la ekrano larĝa. Tamen, anstataŭ movi ĉiun grupon individue, ni uzos la displayMain-grupon por movi ilin ambaŭ samtempe. Ĉi tio estas bonega ekzemplo pri kiel montri grupon, kiu enhavas multoblajn grupojn, povas esti uzata por manipuli multajn grafikojn samtempe.

instalinstrukciojn (); temporizilo.performWithDelay (1000, ekrankopilo); temporizilo.performWithDelay (2000, movu Poŝo); timer.performWithDelay (3000, moveTwo);

Ĉi tiu lasta iom da kodo montras, kio okazas, kiam ni funkcias ĉi tiujn funkciojn. Ni uzos la temporizilon.performWithDelay funkciigas forigi la funkciojn ĉiun duan post kiam la programo estas lanĉita. Se vi ne konas tiun ĉi funkcion, la unua variablo estas la tempo por prokrasti esprimita en milisekundoj kaj la dua estas la funkcio, kiun ni volas kuri post tiu malfruo.

Kiam vi lanĉos la programon, vi devas havi bildon2.png supre de bildo1.png. La ekrano de la ekrano ekbruligos kaj alportos bildon al la fronto. La movado de la funkcio movos bildon2.png el sub bildo1.png, kaj la movado La funkcio dufos, laste movante ambaŭ bildojn samtempe.

Kiel ripari malrapidan iPad

Gravas memori, ke ĉiu el tiuj grupoj povus havi dekojn da bildoj en ili. Kaj same kiel la movadoTwo funkcio movis ambaŭ bildojn per unu linio de kodo, ĉiuj bildoj ene de grupo prenos la ordonojn donitajn al la grupo.

Teknike, la displayMain-grupo povus havi ambaŭ montriĝajn grupojn kaj bildojn ene de ĝi. Tamen, ĝi estas bona praktiko por ke iuj grupoj kiel displayMain agu kiel ujoj por aliaj grupoj sen bildoj por krei pli bonan organizon.

Ĉi tiu lernilo uzas la vidigan celon. Lernu pli pri la montra objekto.

Kiel Komenci Disvolvi Programojn de iPad