Sut i Haenu, Symud a Dod â Graffeg i Flaen

Defnyddio SDK Corona i Graffeg Manipulate

Yr elfen arddangos yw'r elfen allweddol o greu, trin a rheoli graffeg yn SDK Corona. Nid yn unig y gellir defnyddio'r gwrthrych hwn i arddangos delwedd o ffeil, efallai yr un mor bwysig, mae'n eich galluogi i grwpio'ch delweddau gyda'i gilydd. Mae hyn yn eich galluogi i symud set gyfan o graffeg o gwmpas y sgrin ar unwaith a graffeg haen ar ben ei gilydd.

Bydd y tiwtorial hwn yn dysgu ffeithiau sylfaenol defnyddio grwpiau arddangos i drefnu'r gwrthrychau graffigol yn eich prosiect. Bydd hyn yn cael ei ddangos trwy greu dwy haen wahanol, un sy'n cynrychioli'r sgrin arferol ac un arall sy'n cynrychioli haen modal i'w osod ar ei ben. Yn ogystal â haenu'r graffeg, byddwn hefyd yn defnyddio'r gwrthrych pontio i symud y grŵp modal cyfan.

Sut i Farchnad Eich App

Nodyn: Er mwyn dilyn ynghyd â'r tiwtorial hwn, bydd angen dau ddelwedd arnoch: image1.png a image2.png. Gall y rhain fod yn unrhyw ddelweddau a ddewiswch, ond bydd y tiwtorial yn gweithio orau os oes gennych ddelweddau o gwmpas 100 picsel gan 100 picsel. Bydd hyn yn eich galluogi i weld yn hawdd beth sy'n digwydd i'r delweddau.

I ddechrau, byddwn yn agor ffeil newydd o'r enw main.lua ac yn dechrau adeiladu ein cod:

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

Mae'r adran hon o god yn sefydlu ein llyfrgell ni ac yn datgan trwy grwpiau arddangos: displayMain, displayFirst and displaySecond. Byddwn yn defnyddio'r rhain i haen gyntaf ein graffeg ac yna'n eu symud. Mae'r newid byd-eang_move_x wedi'i osod i 20% o led yr arddangosfa fel y gallwn weld y symudiad.

function setupScreen () displayMain: mewnosod (display First); displayMain: mewnosod (arddangosSecond); arddangos cyntaf: toFront (); arddangosSecond: toFront (); cefndir lleol = display.newImage ("image1.png", 0,0); displayFirst: mewnosod (cefndir); cefndir lleol = display.newImage ("image2.png", 0,0); displaySecond: mewnosod (cefndir); diwedd

Mae'r swyddogaeth setupScreen yn dangos sut i ychwanegu grwpiau arddangos i'r prif grŵp arddangos. Rydym hefyd yn defnyddio'r swyddogaeth toFront () i sefydlu'r gwahanol haenau graffig, gyda'r haen yr ydym ei eisiau ar ben yr holl amser a ddatganwyd yn olaf.

Yn yr enghraifft hon, nid oes gwir angen symud yr arddangosfa gyntaf i'r blaen gan y bydd yn ddiffygiol i fod yn is na'r grŵp arddangosSecond, ond mae'n dda mynd i'r arfer o haenu pob grŵp arddangos yn benodol. Bydd y mwyafrif o brosiectau yn dod i ben gyda mwy na dwy haen.

Rydym hefyd wedi ychwanegu delwedd i bob grŵp. Pan ddechreuwn yr app, dylai'r ail ddelwedd fod ar ben y ddelwedd gyntaf.

swyddogaeth screenLayer () displayFirst: toFront (); diwedd

Rydyn ni eisoes wedi lliwio ein graffeg gyda'r grŵp arddangosSecond ar ben y grŵp arddangos cyntaf. Bydd y swyddogaeth hon yn symud arddangos. Yn gyntaf i'r blaen.

swyddogaeth moveOne () displaySecond.x = displaySecond.x + global_move_x; diwedd

Bydd y swyddogaeth symud yn symud yr ail ddelwedd i'r dde gan 20% o led y sgrin. Pan fyddwn yn galw'r swyddogaeth hon, bydd y grŵp arddangosSecond y tu ôl i'r grŵp cyntaf.

swyddogaeth moveTwo () displayMain.x = displayMain.x + global_move_x; diwedd

Bydd y swyddogaeth moveTwo yn symud y ddau ddelwedd i'r dde gan 20% o led y sgrin. Fodd bynnag, yn hytrach na symud pob grŵp yn unigol, byddwn yn defnyddio'r grŵp displayMain i'w symud nhw ar yr un pryd. Mae hon yn enghraifft wych o sut y gellir defnyddio grŵp arddangos sy'n cynnwys grwpiau arddangos lluosog i drin nifer o graffeg ar unwaith.

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

Mae'r cod olaf hwn yn dangos yr hyn sy'n digwydd pan fyddwn ni'n rhedeg y swyddogaethau hyn. Byddwn yn defnyddio'r amserydd.Yn swyddogaeth i gyflawni'r swyddogaethau bob eiliad ar ôl i'r app gael ei lansio. Os nad ydych chi'n gyfarwydd â'r swyddogaeth hon, y newidyn cyntaf yw'r amser oedi a fynegir mewn milisilonds a'r ail yw'r swyddogaeth yr ydym am ei rhedeg ar ôl yr oedi hwnnw.

Pan fyddwch yn lansio'r app, dylech gael image2.png ar ben image1.png. Bydd swyddogaeth screenLayer yn tân ac yn dod â delwedd1.png i'r blaen. Bydd y swyddogaeth symudOne yn symud image2.png allan o dan image1.png, a bydd y swyddogaeth moveTwo yn tân yn olaf, gan symud y ddau ddelwedd ar yr un pryd.

Sut i Atgyweiria iPad Araf

Mae'n bwysig cofio y gallai pob un o'r grwpiau hyn gael dwsinau o ddelweddau ynddynt. Ac yn union fel y symudodd swyddogaeth moveTwo ddau ddelwedd gydag un llinell o god, bydd yr holl ddelweddau o fewn grŵp yn cymryd y gorchmynion a roddir i'r grŵp.

Yn dechnegol, gallai'r grŵp displayMain gael y ddau grŵp arddangos a'r delweddau sydd ynddo. Fodd bynnag, mae'n arfer da gadael i rai grwpiau fel displayMain weithredu fel cynwysyddion ar gyfer grwpiau eraill heb unrhyw ddelweddau er mwyn creu sefydliad gwell.

Mae'r tiwtorial hwn yn defnyddio'r gwrthrych arddangos. Dysgwch fwy am y gwrthrych arddangos.

Sut i Gychwyn Dechrau Datblygu Apps iPad