Layer, Move və Graphics'i Cədvəl üçün necə gətirmək

Corona SDK-dan Graphics'i idarə etmək üçün istifadə edin

Corona SDK-də qrafik yaratma, idarə etmə və idarə etmə əsas komponenti ekran obyektidir. Bu obyekt yalnız bir fayldan bir şəkil göstərmək üçün istifadə edilə bilər, bəlkə də mühüm bir şəkildə, sizin şəkillərinizi bir araya gətirmək imkanı verir. Bu, ekranda birbaşa qrafların bütün dəstini bir anda və bir-birinin üstündə qat qrafika hərəkətinə imkan verir.

Bu təlimat layihənizdə qrafik obyektləri təşkil etmək üçün ekran qruplarının istifadə edilməsinin əsaslarını öyrədir. Bu, iki fərqli təbəqənin yaranması ilə nümayiş olunacaq, biri normal ekranı təmsil edənlərdən biri və üstü yerləşdirilən modal bir təbəqəni təmsil edir. Grafiğin qatılmasına əlavə olaraq, bütün modal qrupu hərəkət etmək üçün keçid obyektini də istifadə edəcəyik.

Sizin App Market necə

Qeyd: Bu təlimçiyə uyğun gəlmək üçün iki şəkilə ehtiyacınız var: image1.png və image2.png. Bunlar seçdiyiniz hər hansı bir görünüş ola bilər, ancaq 100 piksel ətrafında 100 piksel ətrafında şəkillər varsa təlimatçı ən yaxşı işləyəcək. Bu, şəkillərə nə baş verdiyini asanlıqla görməyə imkan verir.

Başlamaq üçün main.lua adlı yeni bir fayl açacağıq və kodumuzu qurmağa başlayacağıq:

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

Kodun bu bölümü ui kitabxanasını qurur və ekran qrupları vasitəsilə bildirir: displayMain, displayFirst və displaySecond. Bunları ilk qatdakı qrafiklərimizdən istifadə edəcəyik və sonra onları hərəkət edəcəyik. Bu qlobal_move_x dəyişən ekranın genişliyinin 20% -ə bərabərdir, belə ki, hərəkəti görə bilərik.

funksiyası setupScreen () displayMain: insert (displayFirst); displayMain: insert (displaySecond); displayFirst: toFront (); displaySecond: toFront (); local background = display.newImage ("image1.png", 0,0); displayFirst: insert (fon); local background = display.newImage ("image2.png", 0,0); displaySecond: insert (fon); son

SetupScreen funksiyası əsas ekran qrupuna ekranda qrupların necə əlavə ediləcəyini nümayiş etdirir. Biz həmçinin fərqli qrafik təbəqələri qurmaq üçün toFront () funksiyasından istifadə edirik, sonuncu dəfə elan edilmiş hər zaman üst qat istəyirik.

Bu nümunədə, displayFirst'i ön tərəfə köçürmək həqiqətən lazım deyil, çünki o, defaultSecond qrupunun altındakı olması üçün varsayılan olacaq, ancaq hər bir nümayiş qrupunun açıq şəkildə qatlanması vərdişinə daxil olmaq yaxşıdır. Ən çox layihələr iki qatdan çox olacaq.

Həm də hər bir qrupa bir şəkil əlavə etdik. Biz app başladıqda, ikinci şəkil ilk şəkil üst olmalıdır.

funksiyası screenLayer () displayFirst: toFront (); son

Biz ekranın birinci hissəsindəki displaySecond qrupu ilə qrafamızı layiq etdik. Bu funksiya displayFirst əleyhinə hərəkət edəcəkdir.

funksiyası moveOne () displaySecond.x = displaySecond.x + global_move_x; son

MoveOne funksiyası ekranın eni 20% -dən sağa ikinci şəkil çəkəcəkdir. Bu funksiyanı çağırdığımız zaman, displaySecond qrup ekranın birinci hissəsinin arxasında olacaq.

funksiyası hərəkətTwo () displayMain.x = displayMain.x + global_move_x; son

MoveTwo funksiyası həm də ekranın eni 20% -dən sağa hərəkət edəcək. Bununla birlikdə, hər bir qrupu ayrı-ayrılıqda hərəkət etmək əvəzinə ekranın başlanğıc qrupunu həm də eyni zamanda hərəkət etmək üçün istifadə edəcəyik. Bu, birdən çox ekran qrupunu ehtiva edən bir qrupun görünüşünü bir anda bir çox qrafikə manipulyasiya etmək üçün istifadə edilə bilər.

setupScreen (); timer.performWithDelay (1000, ekranıLayer); timer.performWithDelay (2000, moveOne); timer.performWithDelay (3000, moveTwo);

Bu kodun son biti bu funksiyaları yerinə yetirərkən nə baş verdiyini göstərir. Proqram başlatıldıqdan sonra hər ikinci funksiyanı yandırmaq üçün timer.performWithDelay funksiyasından istifadə edəcəyik. Bu funksiyanı tanımadığınız halda ilk dəyişən mili saniyədə ifadə olunan gecikmə zamanıdır və ikincisi, gecikmədən sonra qaçmaq istədiyimiz funksiyadır.

Proqramı başlatdığınızda image1.png səhifəsinin üst hissəsindəki image2.png olmalıdır. ScreenLayer funksiyası yanacaq və image1.png ön tərəfə gətirəcək. MoveOne funksiyası image1.png altından image2.png hərəkətindən hərəkət edəcək və hərəkətTwo funksiyası həm də eyni anda həm hərəkətə keçir.

Slow bir iPad düzəltmək üçün necə

Xatırladaq ki, bu qrupların hər birində onlarla şəkillər var idi. Həm də hərəkətTwo funksiyası hər iki təsvirə bir xətt kodunu köçürdükdə, bir qrupdakı bütün görüntülər qrupa verilən əmrləri götürəcəkdir.

Texniki cəhətdən, displayMain qrupu, həm də göstərilən qruplara və içindəki şəkillərə malik ola bilər. Bununla yanaşı, daha yaxşı təşkilatı yaratmaq məqsədilə, bəzi qrupların ekran kimi görünməməsi üçün digər qruplar üçün konteyner kimi hərəkət etməsi yaxşı bir təcrübədir.

Bu tutorial ekran obyektindən istifadə edir. Görüntü obyekti haqqında daha çox məlumat əldə edin.

Necə başlamaq üçün iPad Apps inkişaf