Egret引擎開發(fā)指南之視覺編程
顯示對象和顯示列表
“顯示對象”,準(zhǔn)確的含義是可以在舞臺(tái)上顯示的對象??梢燥@示的對象,既包括可以直接看見的圖形、文字、視頻、圖片等,也包括不能看見但真實(shí)存在的顯示對象容器。
在Egret中,視覺圖形都是由顯示對象和顯示對象容器組成的。

如果我們要表達(dá)上圖中的場景,我們應(yīng)該如何通過樹的方式來描述呢?
顯示對象等級結(jié)構(gòu)
在Egret中,顯示對象被分為兩大類:一種是可以包括其他顯示對象的顯示對象容器,簡稱為“容器”。另外一種是單純的顯示對象,除自身以外不能包括其他顯示對象,簡稱“非容器對象”。
在實(shí)際的操作中,我們可以把這樣一種結(jié)構(gòu)看成一個(gè)樹狀結(jié)構(gòu),容器可理解為樹枝,非容器對象則可以理解為樹葉。

在這個(gè)樹狀結(jié)構(gòu)中,處于最上層的,就是“舞臺(tái)”。對應(yīng)到程序中,我們可以看到一個(gè) stage 對象。舞臺(tái)是Egret顯示架構(gòu)中最根本的顯示容器。每個(gè)Egret應(yīng)用有且只有一個(gè)stage對象。舞臺(tái)是這個(gè)顯示樹結(jié)構(gòu)的根節(jié)點(diǎn)。
在舞臺(tái)中,我們還擁有一個(gè)主容器。這個(gè)容器就是文檔類所創(chuàng)建的容器。每一個(gè)Egret都會(huì)擁有一個(gè)文檔類,這個(gè)文檔類必須是一個(gè)顯示對象容器。
在這個(gè)場景中,我們包含了一個(gè)場景背景,而背景是由背景圖和一顆大樹組成的。另外兩個(gè)元素是由人物和一個(gè)草地組成的。
顯示列表
上面我們所看到的樹狀顯示對象結(jié)構(gòu)圖實(shí)際上就是Egret的“顯示列表”。
使用顯示列表管理容器和非容器對象是非常方便的,當(dāng)某一個(gè)顯示對象處在在顯示列表中,我們就可以在畫面中看到該對象。當(dāng)我們將顯示對象從顯示列表中移除后,該對象則從畫面中消失。
在Egret內(nèi)部維護(hù)著一個(gè)顯示列表,開發(fā)者無需關(guān)心該列表是如何運(yùn)行的,你只需要對自己的顯示對象進(jìn)行相應(yīng)的操作即可。
顯示對象種類
Egret在架構(gòu)設(shè)計(jì)過程中圍繞顯示列表的概念,對所有對象進(jìn)行了嚴(yán)格的封裝。在Egret中,所有的顯示對象均繼承自 DisplayObject 這個(gè)類。DisplayObject 類也就是我們前面描述的“顯示對象”。在Egret中,所有的“容器”均繼承自 DisplayObjectContainer。
為了統(tǒng)一管理顯示列表,所有顯示對象都統(tǒng)一于DisplayObject類。所有的顯示對象都繼承自DisplayObject,而DisplayObject則繼承自EventDispatcher。也就是說所有的顯示對象均可以發(fā)送事件。
DisplayObjectContainer顯示對象容器的父類也是DisplayObject。

我們在實(shí)際操作中把概念再次簡化,可以歸納為兩條規(guī)則:
直接繼承自DisplayObject的類都屬于非容器。繼承自DisplayObjectContainer的類都屬于容器。
相關(guān)文章
Node.js利用斷言模塊assert進(jìn)行單元測試的方法
最近在用Node寫一個(gè)實(shí)時(shí)聊天小應(yīng)用,其中就用到了單元測試,所以死下面這篇文章主要給大家介紹了關(guān)于Node.js利用斷言模塊assert進(jìn)行單元測試的方法,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來一起看看吧。2017-09-09
nodejs實(shí)現(xiàn)截取上傳視頻中一幀作為預(yù)覽圖片
這篇文章主要為大家詳細(xì)介紹了nodejs實(shí)現(xiàn)截取上傳視頻中一幀作為預(yù)覽圖片,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12
Ubuntu 16.04 64位中搭建Node.js開發(fā)環(huán)境教程
如果想要在Ubuntu 16.04上安裝Node.js的話,這篇文章對你來說肯定很重要。Node.js從本質(zhì)上來說就是一個(gè)運(yùn)行在服務(wù)端上的封裝好了輸入輸出流的javascript程序。本文給大家詳細(xì)介紹了在Ubuntu 16.04 64位搭建Node.js開發(fā)環(huán)境的步驟,有需要的朋友們可以參考學(xué)習(xí)。2016-10-10
node.js對于數(shù)據(jù)庫MySQL基本操作實(shí)例總結(jié)【增刪改查】
這篇文章主要介紹了node.js對于數(shù)據(jù)庫MySQL基本操作,結(jié)合實(shí)例形式總結(jié)分析了node.js針對mysql數(shù)據(jù)庫基本配置、連接與增刪改查相關(guān)操作技巧,需要的朋友可以參考下2023-04-04
Nodejs Stream 數(shù)據(jù)流使用手冊
這篇文章主要介紹了Nodejs Stream 數(shù)據(jù)流使用手冊的相關(guān)資料,感興趣的小伙伴一起學(xué)習(xí)吧2016-04-04

