Conas Smaointeoireacht, Bogadh agus Grafaicí a thabhairt chun Tosaigh

Ag baint úsáide as SDK Corona chun Grafaicí a Mhaolú

Is é an príomhghné a bhaineann le grafaicí a chruthú, a ionramháil agus a bhainistiú i SDK Corona an rud taispeána. Ní féidir an rud seo a úsáid ach amháin chun íomhá a thaispeáint ó chomhad, b'fhéidir, chomh tábhachtach céanna, go gceadaíonn sé duit do íomhánna a ghrúpáil le chéile. Ligeann sé seo duit sraith iomlán de grafaicí a thrasnú ar fud an scáileáin ag an am céanna agus grafaicí sraithe ar a chéile.

Teagascóidh an teagascóir seo bunúsacha tú ag baint úsáide as grúpaí taispeána chun na rudaí grafacha a eagrú i do thionscadal. Taispeánfar é seo trí dhá shraith dhifriúil a chruthú, ceann amháin a léiríonn an scáileán gnáth agus ceann eile a léiríonn ciseal modúil le cur ar a bharr. Chomh maith leis na grafaicí a leagan amach, bainfidh muid úsáid as an rud aistrithe chun an grúpa modúil ar fad a bhogadh.

Conas Iarratas a Mhargadh

Nóta: D'fhonn leanúint leis an teagasc seo, beidh dhá íomhán ag teastáil uait: image1.png and image2.png. Is féidir iad seo a bheith ar aon íomhánna a roghnaíonn tú, ach beidh an teagascóir ag obair is fearr má tá íomhánna thart ar 100 picteilín ag 100 pixel. Tabharfaidh sé seo deis duit a fheiceáil go héasca cad atá ag tarlú ar na híomhánna.

Chun tús a chur leis, déanfaimid comhad nua ar a dtugtar main.lua a oscailt agus tosóidh muid ag tógáil ár gcód:

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

Leagann an chuid seo den chód ár leabharlann ui suas agus dearbhóidh sé trí ghrúpaí taispeána: displayMain, displayFirst and displaySecond. Bainfimid úsáid as iad seo chun ár gcuid grafaicí a shraith ar dtús agus ansin iad a aistriú. Is é an athraitheach global_move_x ná 20% de leithead an taispeántais ionas gur féidir linn an ghluaiseacht a fheiceáil.

feidhm setupScreen () displayMain: cuir isteach (displayFirst); displayMain: cuir isteach (displaySecond); displayFirst: toFront (); displaySecond: toFront (); cúlra áitiúil = display.newImage ("image1.png", 0,0); displayFirst: cuir isteach (cúlra); cúlra áitiúil = display.newImage ("image2.png", 0,0); displaySecond: cuir isteach (cúlra); deireadh

Léiríonn an fheidhm setupScreen conas grúpaí taispeána a chur leis an ngrúpa taispeántais is mó. Bainimid úsáid as an fheidhm toFront () freisin chun na sraitheanna grafacha éagsúla a chur ar bun, leis an gciseal a theastaíonn uainn ar an bpointe is fearr a dhearbhaítear an t-am ar fad.

Sa sampla seo, níl gá i ndáiríre an taispeántas a aistriú go dtí an tosaigh ós rud é go mbeidh sé faoi bhun an ghrúpa taispeántaisSecond, ach is maith é a chur isteach ar an nós a leagtar go sainráite gach grúpa taispeána. Beidh níos mó ná dhá shraith ag deireadh na dtionscadal.

Chuiramar íomhá le gach grúpa freisin. Nuair a thosaímid ar an app, ba chóir an dara íomhá a bheith ar bharr an chéad íomhá.

function screenLayer () displayFirst: toFront (); deireadh

Tá na grafaicí á gcur i láthair againn cheana féin leis an ngrúpa displaySecond ar bharr an ghrúpa taispeántais. Bogfaidh an fheidhm seo taispeáint go dtí an tosaigh.

feidhm moveOne () displaySecond.x = displaySecond.x + global_move_x; deireadh

Bogfaidh an fheidhm bogadh an dara íomhá ar dheis ag 20% ​​de leithead an scáileáin. Nuair a ghlaoimid an fheidhm seo, beidh an grúpa displaySecond taobh thiar den ghrúpa taispeántais.

feidhm moveTwo () displayMain.x = displayMain.x + global_move_x; deireadh

Bogfaidh an fheidhm moveTwo an dá íomhánna ar dheis ag 20% ​​de leithead an scáileáin. Mar sin féin, in ionad gach grúpa a ghluaiseacht ina n-aonar, bainfimid úsáid as an ngrúpaMain taispeána chun iad a aistriú ag an am céanna. Is sampla iontach é seo faoi conas is féidir grúpa taispeántais ina bhfuil grúpaí taispeántais ilghnéitheacha a úsáid chun go leor grafaicí a ionramháil ag an am céanna.

setupScreen (); timer.performWithDelay (1000, scáileánóir); timer.performWithDelay (2000, moveOne); timer.performWithDelay (3000, moveTwo);

Léiríonn an méid seo caite de chód cad a tharlaíonn nuair a reáchtálann na feidhmeanna seo. Bainfidh muid úsáid as an lasc ama. Feidhmíonn feidhmiúlacht Leithris na feidhmeanna a dhiúltú gach dara tar éis an tseirbhís a sheoladh. Mura bhfuil tú i dteagmháil leis an fheidhm seo, is é an chéad athróg an t-am le moill a chur in iúl i milleasicún agus is é an dara ceann an fheidhm a theastaíonn uainn a reáchtáil tar éis an mhoill sin.

Nuair a chuireann tú an t-iarratas ar aghaidh, ba cheart go mbeadh íomhá2 agat ar bharr íomhá1.png. Tabharfaidh feidhm an scáileáin tine agus cuir íomhá1.png chun tosaigh. Gluaiseoidh an fheidhm bogadh image2.png amach ó íomhá1.png, agus beidh an fheidhm moveTwo dóiteáin go deireanach, ag gluaiseacht an dá íomhánna ag an am céanna.

Conas a Athshocraigh iPad Mall

Tá sé tábhachtach cuimhneamh gur féidir go mbeadh go leor íomhánna i ngach ceann de na grúpaí seo iontu. Agus díreach mar a bhog an fheidhm moveTwo an dá íomhánna le líne amháin de chód, glacfaidh gach íomhá laistigh de ghrúpa na horduithe a thugtar don ghrúpa.

Go teicniúil, d'fhéadfadh go mbeadh grúpaí taispeána agus íomhánna laistigh den ghrúpa taispeánaMain. Mar sin féin, is dea-chleachtas é ligean do ghrúpaí áirithe cosúil le displayMain a bheith ina gcoimeádáin do ghrúpaí eile gan aon íomhánna d'fhonn eagrú níos fearr a chruthú.

Déanann an teagaisc seo úsáid as an réad taispeána. Faigh tuilleadh eolais faoin réad taispeána.

Conas a Thosú Tosú Apps iPad a Fhorbairt