Kif Layer, Nimxu u Ġib il-Grafika Quddiem

Uża l-SDK ta 'Corona biex timmanipula Grafika

Il-komponent ewlieni tal-ħolqien, il-manipulazzjoni u l-immaniġġjar tal-grafika fil-Korona SDK huwa l-oġġett tal-wiri. Mhux biss dan l-oġġett jista 'jintuża biex juri immaġini minn fajl, forsi daqshekk importanti, jippermettilek li tiġbor l-immaġni tiegħek flimkien. Dan ihallik timxi sett sħiħ ta 'grafika madwar l-iskrin f'daqqa u grafika ta' saff fuq xulxin.

Dan tutorial jgħidlek il-baŜi ta 'l-uŜu ta' gruppi tal-wiri biex torganizza l-oāāetti grafiëi fil-proāett tiegħek. Dan jintwera billi jinħolqu żewġ saffi differenti, wieħed li jirrappreżenta l-iskrin normali u ieħor li jirrappreżenta saff modali li jitqiegħed fuqha. Minbarra l-għeruq tal-grafika, aħna nutilizzaw ukoll l-oġġett ta 'tranżizzjoni biex immexxu l-grupp modali kollu.

Kif issuq l-app tiegħek

Nota: Sabiex issegwi flimkien ma 'dan it-tutorja, ser ikollok bżonn żewġ immaġini: image1.png u image2.png. Dawn jistgħu jkunu kwalunkwe immaġini li tagħżel, imma l-tutorja se taħdem aħjar jekk ikollok stampi ta 'madwar 100 pixel b'100 pixel. Dan se jippermetti li faċilment tara x'qiegħed jiġri fuq l-istampi.

Biex tibda, aħna niftħu fajl ġdid imsejjaħ main.lua u nibdew nibnu l-kodiċi tagħna:

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

Din it-taqsima tal-kodiċi tistabbilixxi l-librerija ui tagħna u tiddikjara permezz ta 'gruppi tal-wiri: displayMain, displayFirst u displaySecond. Aħna ser nużaw dawn l-ewwel saff tal-grafika tagħna u mbagħad iċċaqlaqhom. Il-varjabbli global_move_x huwa stabbilit għal 20% tal-wisa 'tal-wiri sabiex nistgħu naraw il-moviment.

setup tal-funzjoni Screen () displayMain: daħħal (displayFirst); displayMain: daħħal (displaySekond); displayFirst: toFront (); displaySekond: toFront (); isfond lokali = display.newImage ("image1.png", 0,0); displayFirst: daħħal (sfond); isfond lokali = display.newImage ("image2.png", 0,0); displaySekond: daħħal (sfond); tmiem

Il-funzjoni setupScreen turi kif żżid gruppi tal-wiri mal-grupp ewlieni tal-wiri. Aħna nużaw ukoll il-funzjoni toFront () biex nistabbilixxu saffi grafiċi differenti, bis-saff li nixtiequ fuq nett il-ħin kollu ddikjarat l-aħħar.

F'dan l-eżempju, mhuwiex verament meħtieġ li l-wirja tiġi mċaqalqa l-ewwel minn ta 'quddiem peress li se tonqos milli tkun taħt il-wirja tal-grupp Sekond, iżda huwa tajjeb li tidħol fix-xejra li tkopri b'mod espliċitu kull grupp tal-wiri. Ħafna mill-proġetti se jispiċċaw b'aktar minn żewġ saffi.

Imxejna wkoll immaġni għal kull grupp. Meta nibdew l-app, it-tieni dehra għandha tkun fuq l-ewwel immaġini.

iskrin tal-funzjoniLajer () displayFirst: toFront (); tmiem

Imxejna diġà f'saffi l-grafika tagħna bil-wiri tal-Grupp Segond fuq il-quċċata tal-wirja tal-ewwel grupp. Din il-funzjoni se timxi qabel l-ewwel.

moveOne funzjoni () displaySecond.x = displaySecond.x + global_move_x; tmiem

Il-funzjoni moveOne tgħaddi t-tieni immaġni fuq il-lemin b'20% tal-wisa 'tal-iskrin. Meta nsejħu din il-funzjoni, il-wirja tal-grupp Sekond se jkun wara l-wirja tal-ewwel grupp.

moviment funzjoniTwo () displayMain.x = displayMain.x + global_move_x; tmiem

Il-funzjoni MugWa se timxi ż-żewġ xbihat fuq il-lemin b'20% tal-wisa 'tal-iskrin. Madankollu, minflok ma ċċaqlaq kull grupp individwalment, aħna ser nużaw il-grupp displayMain biex inressaqhom it-tnejn fl-istess ħin. Dan huwa eżempju tajjeb ta 'kif grupp tal-wiri li fih gruppi ta' wirjiet multipli jista 'jintuża biex jimmanipula grafika ħafna f'daqqa.

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

Dan l-aħħar daqsxejn ta 'kodiċi juri x'jiġri meta mmexxu dawn il-funzjonijiet. Aħna ser nużaw il-funzjoni timer.performWithDelay biex ineħħi l-funzjonijiet kull sekonda wara li tniedi l-app. Jekk m'intix familjari ma 'din il-funzjoni, l-ewwel varjabbli huwa l-ħin għad-dewmien espress f'millisekondi u t-tieni hija l-funzjoni li rridu nuru wara dak id-dewmien.

Meta tniedi l-app, għandu jkollok image2.png fuq quċċata ta 'image1.png. Il-funzjoni tat-screenLayer se tispara u ġġib image1.png fuq quddiem. Il-funzjoni moveOne se tiċċaqlaq image2.png minn taħt image1.png, u l-funzjoni moveTwo se tispara l-aħħar, u tiċċaqlaq iż-żewġ stampi fl-istess ħin.

Kif Issettja iPad Slow

Huwa importanti li wieħed jiftakar li kull wieħed minn dawn il-gruppi jista 'jkollu għexieren ta' immaġini fihom. U hekk kif il-funzjoni moveTwo tmexxa kemm immaġini b'linja ta 'kodiċi waħda, l-immaġini fi ħdan grupp jieħdu l-kmandi mogħtija lill-grupp.

Teknikament, il-grupp displayMain jista 'jkollu kemm gruppi ta' wiri kif ukoll stampi li jinsabu fih. Madankollu, hija prattika tajba li xi gruppi bħal displayMain jitħallew jaġixxu bħala kontenituri għal gruppi oħra mingħajr immaġini sabiex joħolqu organizzazzjoni aħjar.

Dan tutorja jagħmel użu mill-oġġett tal-wiri. Tgħallem aktar dwar l-oġġett tal-wiri.

Kif tibda bl-iżvilupp ta 'Apps iPad