Panduan Pembangunan Enjin Egret: Pengaturcaraan Visual_node.js

Paparkan objek dan senarai paparan

"Pameran objek", maksud yang tepat ialah objek yang boleh dipaparkan di atas pentas. Objek yang boleh dipaparkan termasuk grafik, teks, video, gambar, dan lain-lain yang boleh dilihat secara langsung, serta bekas objek paparan yang tidak dapat dilihat tetapi sebenarnya wujud.

Dalam Egret, grafik visual terdiri daripada objek paparan dan bekas objek paparan.

Jika kita ingin meluahkan adegan dalam gambar di atas, bagaimana kita harus menggambarkannya melalui pokok?

Tunjukkan hierarki objek

Dalam Egret, objek paparan terbahagi kepada dua kategori: satu ialah bekas objek paparan yang boleh termasuk objek paparan lain, dirujuk sebagai "bekas" secara ringkasnya. Yang satu lagi ialah objek paparan tulen yang tidak boleh memasukkan objek paparan lain kecuali dirinya sendiri, dirujuk sebagai "objek bukan bekas".

Dalam operasi sebenar, kita boleh menganggap struktur sedemikian sebagai struktur pokok Bekas boleh difahami sebagai dahan, dan objek bukan bekas boleh difahami sebagai daun.

Dalam struktur pokok ini, peringkat atas ialah "peringkat". Sesuai dengan program, kita boleh melihat objek <font face="NSimsun">stage</font>. Pentas ialah bekas paparan paling asas dalam seni bina paparan Egret. Setiap aplikasi Egret mempunyai satu dan hanya satu objek peringkat. Peringkat ialah nod akar struktur pokok paparan ini.

Dalam pentas, kami juga mempunyai bekas utama. Bekas ini ialah bekas yang dibuat oleh kelas dokumen. Setiap Egret akan mempunyai kelas dokumen, yang mestilah bekas objek paparan.

Dalam adegan ini, kami menyertakan latar belakang pemandangan, yang terdiri daripada imej latar belakang dan pokok besar. Dua lagi elemen terdiri daripada figura dan padang berumput.

Tunjukkan senarai

Rajah struktur objek paparan pokok yang kita lihat di atas sebenarnya ialah "senarai paparan" Egret.

Sangat mudah menggunakan senarai paparan untuk mengurus objek bekas dan bukan bekas Apabila objek paparan berada dalam senarai paparan, kita boleh melihat objek dalam skrin. Apabila kami mengalih keluar objek paparan daripada senarai paparan, objek itu hilang daripada skrin.

Egret mengekalkan senarai paparan secara dalaman Pembangun tidak perlu mengambil berat tentang cara senarai beroperasi Anda hanya perlu melakukan operasi yang sepadan pada objek paparan anda sendiri.

Tunjukkan jenis objek

Egret merangkum semua objek di sekeliling konsep senarai paparan semasa proses reka bentuk seni bina. Dalam Egret, semua objek paparan diwarisi daripada kelas <font face="NSimsun">DisplayObject</font>. <font face="NSimsun">DisplayObject</font> Kelas ialah "objek paparan" yang kami nyatakan sebelum ini. Dalam Egret, semua "bekas" mewarisi daripada <font face="NSimsun">DisplayObjectContainer</font>.

Untuk mengurus senarai paparan secara seragam, semua objek paparan disatukan ke dalam kelas DisplayObject. Semua objek paparan mewarisi daripada DisplayObject dan DisplayObject mewarisi daripada EventDispatcher. Maksudnya, semua objek paparan boleh menghantar acara.

DisplayObjectContainer Kelas induk bagi bekas objek paparan juga ialah DisplayObject.

Kami telah memudahkan lagi konsep dalam operasi sebenar, yang boleh diringkaskan kepada dua peraturan:

Kelas yang diwarisi secara langsung daripada DisplayObject ialah bukan bekas. Kelas yang mewarisi daripada DisplayObjectContainer ialah bekas.