Kako premjestiti, premjestiti i prikazati grafiku

Upotreba Corona SDK za manipulaciju grafika

Ključna komponenta stvaranja, manipulacije i upravljanja grafikom u SDK-u Corona je objekt za prikaz. Ne samo da se ovaj objekt može koristiti za prikaz slike iz datoteke, možda jednako važno, omogućuje vam grupiranje slika zajedno. To vam omogućuje da odjednom pomaknete čitav niz grafičkih prikaza na zaslonu i slojne grafike jedni na druge.

Ovaj vodič će vas naučiti osnove korištenja grupa za prikaz kako bi organizirali grafičke objekte u vašem projektu. To će se pokazati izradom dva različita sloja, jedan koji predstavlja normalni ekran, a drugi predstavlja modalni sloj koji se postavlja na vrh. Uz raslojavanje grafike, također ćemo koristiti prijelazni objekt za premještanje cijele modalne grupe.

Kako prodavati aplikaciju

Napomena: Da biste pratili ovaj vodič, trebat će vam dvije slike: image1.png i image2.png. To može biti bilo koju sliku koju odaberete, ali vodič će raditi najbolje ako imate slike oko 100 piksela za 100 piksela. To će vam omogućiti da lako vidite što se događa sa slikama.

Za početak ćemo otvoriti novu datoteku koja se zove main.lua i početi graditi naš kod:

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

Ovaj odjeljak koda postavlja našu biblioteku ui i deklarira kroz grupe za prikaz: displayMain, displayFirst i displaySecond. Koristit ćemo ih za prvo slaganje naše grafike, a zatim ih premjestiti. Varijabla global_move_x postavljena je na 20% širine zaslona da bismo vidjeli kretanje.

funkcija setupScreen () displayMain: insert (displayFirst); displayMain: umetanje (displaySecond); displayFirst: toFront (); displaySecond: toFront (); lokalna pozadina = display.newImage ("image1.png", 0,0); displayFirst: umetanje (pozadina); lokalna pozadina = display.newImage ("image2.png", 0,0); displaySecond: umetanje (pozadina); kraj

Funkcija setupScreen pokazuje kako dodati grupe prikaza na glavnu grupu zaslona. Također koristimo funkciju toFront () za postavljanje različitih grafičkih slojeva, a sloj koji želimo na vrhu cijelo vrijeme proglašen posljednjim.

U ovom primjeru nije potrebno premjestiti prikaz prve u prednji položaj jer će se postaviti kao ispod grupe displaySecond, ali je dobro ući u naviku izričite raslojavanja svake grupe zaslona. Većina projekata će završiti s više od dva sloja.

Također smo dodali sliku svaku grupu. Kada pokrenemo aplikaciju, druga bi slika trebala biti na vrhu prve slike.

function screenLayer () prikaz Prvo: toFront (); kraj

Već smo slojevili našu grafiku s grupom displaySecond na vrhu zaslona prve skupine. Ova će se funkcija pomicati prikazom prve prema naprijed.

funkcija moveOne () displaySecond.x = displaySecond.x + global_move_x; kraj

Funkcija moveOne premjestit će drugu sliku desno za 20% širine zaslona. Kad nazovemo ovu funkciju, skupina displaySeconda bit će iza grupe displayFirst.

funkcija moveTwo () displayMain.x = displayMain.x + global_move_x; kraj

Funkcija moveTwo premjestit će obje slike desno za 20% širine zaslona. Međutim, umjesto da pojedinačno premjestite svaku grupu, koristit ćemo grupu displayMain da ih premjestimo istodobno. Ovo je izvrstan primjer kako grupa za prikazivanje koja sadrži više grupa za prikazivanje može se upotrijebiti za manipuliranje mnogo grafike odjednom.

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

Ovaj posljednji dio koda pokazuje što se događa kada izvršavamo te funkcije. Koristit ćemo funkciju timer.performWithDelay da isključimo funkcije svake sekunde nakon pokretanja aplikacije. Ako niste upoznati s ovom funkcijom, prva varijabla je vrijeme za kašnjenje izraženo u milisekundama, a druga je funkcija koju želimo pokrenuti nakon tog kašnjenja.

Kada pokrenete aplikaciju, trebali biste imati image2.png na vrhu image1.png. ScreenLayer funkcija će zapaliti i donijeti image1.png na prednju stranu. Funkcija moveOne će premjestiti image2.png iz pod image1.png, a moveTwo funkcija će požar zadnji, istodobno pomicanje obje slike.

Kako popraviti sporo ipad

Važno je zapamtiti da svaka od tih skupina može imati desetke slika u njima. I dok je funkcija moveTwo premjestila obje slike jednim redom koda, sve slike unutar grupe će preuzeti naredbe koje su dodijeljene grupi.

Tehnički, grupa displayMain mogla bi imati i prikazane grupe i slike sadržane u njemu. Međutim, dobra je praksa da nekim skupinama kao što su displayMain djeluju kao kontejneri za druge grupe bez ikakvih slika kako bi se stvorila bolja organizacija.

Ovaj vodič koristi prikazni objekt. Saznajte više o objektu za prikaz.

Kako započeti s razvojem aplikacija za iPad