Hvernig á að laga, færa og koma með grafík til framan

Notkun Corona SDK til að stjórna grafík

Lykillinn að því að búa til, meðhöndla og stjórna grafík í Corona SDK er skjárinn. Ekki aðeins er hægt að nota þessa mynd til að sýna mynd úr skrá, kannski jafnmikið er hægt að sameina myndirnar þínar saman. Þetta gerir þér kleift að færa allt safn af grafíkum í kringum skjáinn í einu og lag grafík ofan á hvor aðra.

Þessi kennsla mun kenna þér grunnatriði að nota skjáhópa til að skipuleggja grafíska hluti í verkefninu. Þetta verður sýnt fram á með því að búa til tvö mismunandi lög, einn sem er eðlilegur skjár og annar sem er fyrirmyndar fyrir lag sem er settur ofan á það. Til viðbótar við að búa til grafíkin, munum við einnig nota umskipti hlutinn til að færa alla líkanið.

Hvernig á að markaðssetja forritið þitt

Til athugunar: Til að fylgja með þessari kennslu þarftu tvær myndir: image1.png og image2.png. Þetta getur verið hvaða myndir þú velur, en kennslan mun virka best ef þú hefur myndir um 100 punkta með 100 punkta. Þetta mun leyfa þér að auðveldlega sjá hvað er að gerast á myndunum.

Til að byrja, munum við opna nýja skrá sem kallast main.lua og byrja að byggja upp kóða okkar:

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

Þessi hluti af kóða setur upp bókasafnið okkar og lýsir yfir í gegnum hópa sýna: displayMain, displayFirst og displaySecond. Við munum nota þessi til fyrsta lag grafík okkar og flytja þá síðan. The global_move_x breytu er stillt á 20% af breidd skjásins þannig að við getum séð hreyfingu.

virka setupScreen () displayMain: setja (sýna fyrst); displayMain: settu inn (displaySecond); displayFirst: toFront (); displaySecond: toFront (); staðbundin bakgrunnur = display.newImage ("image1.png", 0,0); displayFirst: settu inn (bakgrunnur); staðbundin bakgrunnur = display.newImage ("image2.png", 0,0); displaySecond: settu inn (bakgrunnur); enda

Uppsetningarskjárinn sýnir hvernig á að bæta við skjáhópum í aðalskjáhópinn. Við notum einnig til að nota forfront () virknina til að setja upp mismunandi grafísk lög, með lagið sem við viljum um allan tímann sem lýst er síðast.

Í þessu dæmi er það í raun ekki nauðsynlegt að færa skjáinnFyrst að framan þar sem það verður sjálfgefið að vera undir skjánumSniði hópnum, en það er gott að komast í vana með því að laga hverja skjáhóp. Flestar verkefni munu endar með fleiri en tveimur lögum.

Við höfum líka bætt við mynd við hverja hóp. Þegar við byrjum á appinu ætti seinni myndin að vera efst á fyrstu myndinni.

virka skjárlag () sýna fyrst: toFront (); enda

Við höfum nú þegar lagskipt grafík okkar með skjánumSundahópnum ofan á skjánumFyrsta hópinn. Þessi aðgerð mun færa skjáinnFyrst framan.

virka moveOne () displaySecond.x = displaySecond.x + global_move_x; enda

The moveOne aðgerðin mun færa aðra myndina til hægri um 20% af skjástærðinni. Þegar við köllum þessa aðgerð verður sýndarsérfræðingurinn á bak við skjáinnFyrsta hópinn.

virkja moveTwo () displayMain.x = displayMain.x + global_move_x; enda

The moveTwo aðgerðin mun færa bæði myndirnar til hægri um 20% af skjábreiddinni. Hins vegar, í stað þess að flytja hvern hóp fyrir sig, munum við nota skjáinnMarga hópinn til að færa þau bæði á sama tíma. Þetta er frábært dæmi um hvernig sýna hóp sem inniheldur marga skjáhópa er hægt að nota til að vinna margar grafík í einu.

setupScreen (); timer.performWithDelay (1000, skjárinn); timer.performWithDelay (2000, moveOne); timer.performWithDelay (3000, moveTwo);

Þessi síðasta hluti af kóða sýnir hvað gerist þegar við rekum þessar aðgerðir. Við munum nota timer.performWithDelay virknina til að slökkva á aðgerðum hverrar sekúndu eftir að forritið er hleypt af stokkunum. Ef þú ert ókunnur af þessari aðgerð er fyrsta breytilinn tími til að seinka gefið upp í millisekúndum og seinni er sá valkostur sem við viljum keyra eftir þá töf.

Þegar þú ræst forritið ættir þú að hafa picture2.png ofan á image1.png. The ScreenLayer virka mun bruna og koma picture1.png að framan. MoveOne aðgerðin mun færa image2.png út úr undir image1.png og færaTwo aðgerðin mun eldast síðast og færa bæði myndirnar á sama tíma.

Hvernig á að laga hæga iPad

Það er mikilvægt að muna að hver þessara hópa gæti haft heilmikið af myndum í þeim. Og rétt eins og moveTwo aðgerðin flutti bæði myndirnar með einum línu af kóða, munu allar myndir innan hóps taka þau skipanir sem gefnar eru til hópsins.

Tæknilega séð gæti hópurinn DisplayMain haft bæði skjáhópa og myndir í honum. Hins vegar er gott að láta nokkra hópa eins og sýnaMain virka sem gáma fyrir aðra hópa án þess að mynda til að skapa betri skipulag.

Þessi einkatími notar skjánota. Frekari upplýsingar um skjáhlutinn.

Hvernig á að hefjast handa Þróun iPad Apps