Egret引擎開發(fā)指南之視覺編程
顯示對象和顯示列表
“顯示對象”,準(zhǔn)確的含義是可以在舞臺上顯示的對象??梢燥@示的對象,既包括可以直接看見的圖形、文字、視頻、圖片等,也包括不能看見但真實(shí)存在的顯示對象容器。
在Egret中,視覺圖形都是由顯示對象和顯示對象容器組成的。
如果我們要表達(dá)上圖中的場景,我們應(yīng)該如何通過樹的方式來描述呢?
顯示對象等級結(jié)構(gòu)
在Egret中,顯示對象被分為兩大類:一種是可以包括其他顯示對象的顯示對象容器,簡稱為“容器”。另外一種是單純的顯示對象,除自身以外不能包括其他顯示對象,簡稱“非容器對象”。
在實(shí)際的操作中,我們可以把這樣一種結(jié)構(gòu)看成一個樹狀結(jié)構(gòu),容器可理解為樹枝,非容器對象則可以理解為樹葉。
在這個樹狀結(jié)構(gòu)中,處于最上層的,就是“舞臺”。對應(yīng)到程序中,我們可以看到一個 stage
對象。舞臺是Egret顯示架構(gòu)中最根本的顯示容器。每個Egret應(yīng)用有且只有一個stage對象。舞臺是這個顯示樹結(jié)構(gòu)的根節(jié)點(diǎn)。
在舞臺中,我們還擁有一個主容器。這個容器就是文檔類所創(chuàng)建的容器。每一個Egret都會擁有一個文檔類,這個文檔類必須是一個顯示對象容器。
在這個場景中,我們包含了一個場景背景,而背景是由背景圖和一顆大樹組成的。另外兩個元素是由人物和一個草地組成的。
顯示列表
上面我們所看到的樹狀顯示對象結(jié)構(gòu)圖實(shí)際上就是Egret的“顯示列表”。
使用顯示列表管理容器和非容器對象是非常方便的,當(dāng)某一個顯示對象處在在顯示列表中,我們就可以在畫面中看到該對象。當(dāng)我們將顯示對象從顯示列表中移除后,該對象則從畫面中消失。
在Egret內(nèi)部維護(hù)著一個顯示列表,開發(fā)者無需關(guān)心該列表是如何運(yùn)行的,你只需要對自己的顯示對象進(jìn)行相應(yīng)的操作即可。
顯示對象種類
Egret在架構(gòu)設(shè)計(jì)過程中圍繞顯示列表的概念,對所有對象進(jìn)行了嚴(yán)格的封裝。在Egret中,所有的顯示對象均繼承自 DisplayObject
這個類。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寫一個實(shí)時聊天小應(yīng)用,其中就用到了單元測試,所以死下面這篇文章主要給大家介紹了關(guān)于Node.js利用斷言模塊assert進(jìn)行單元測試的方法,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來一起看看吧。2017-09-09nodejs實(shí)現(xiàn)截取上傳視頻中一幀作為預(yù)覽圖片
這篇文章主要為大家詳細(xì)介紹了nodejs實(shí)現(xiàn)截取上傳視頻中一幀作為預(yù)覽圖片,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-12-12Ubuntu 16.04 64位中搭建Node.js開發(fā)環(huán)境教程
如果想要在Ubuntu 16.04上安裝Node.js的話,這篇文章對你來說肯定很重要。Node.js從本質(zhì)上來說就是一個運(yùn)行在服務(wù)端上的封裝好了輸入輸出流的javascript程序。本文給大家詳細(xì)介紹了在Ubuntu 16.04 64位搭建Node.js開發(fā)環(huán)境的步驟,有需要的朋友們可以參考學(xué)習(xí)。2016-10-10node.js對于數(shù)據(jù)庫MySQL基本操作實(shí)例總結(jié)【增刪改查】
這篇文章主要介紹了node.js對于數(shù)據(jù)庫MySQL基本操作,結(jié)合實(shí)例形式總結(jié)分析了node.js針對mysql數(shù)據(jù)庫基本配置、連接與增刪改查相關(guān)操作技巧,需要的朋友可以參考下2023-04-04Nodejs Stream 數(shù)據(jù)流使用手冊
這篇文章主要介紹了Nodejs Stream 數(shù)據(jù)流使用手冊的相關(guān)資料,感興趣的小伙伴一起學(xué)習(xí)吧2016-04-04