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