Egret引擎開發指南視覺程式設計_node.js

顯示物件和顯示清單

“顯示物件”，準確的意思是可以在舞台上顯示的物件。可以顯示的對象，既包括可直接看見的圖形、文字、影片、圖片等，也包括不能看見但真實存在的顯示對象容器。

在Egret中，視覺圖形都是由顯示物件和顯示物件容器組成的。

如果我們要表達上圖中的場景，我們該如何透過樹的方式來描述呢？

顯示物件等級結構

在Egret中，顯示物件分為兩大類：一種是可以包含其他顯示物件的顯示物件容器，簡稱為「容器」。另外一種是單純的顯示對象，除自身以外不能包括其他顯示對象，簡稱「非容器對象」。

在實際的操作中，我們可以把這樣一種結構看成一個樹狀結構，容器可理解為樹枝，非容器物件則可以理解為樹葉。

在這個樹狀結構中，處於最上層的，就是「舞台」。對應到程式中，我們可以看到一個 <font face="NSimsun">stage</font> 物件。舞台是Egret顯示架構中最根本的顯示容器。每個Egret應用有且只有一個stage物件。舞台是這個顯示樹結構的根節點。

在舞台中，我們還擁有一個主容器。這個容器就是文檔類別所建立的容器。每一個Egret都會擁有一個文檔類，這個文檔類別必須是一個顯示物件容器。

在這個場景中，我們包含了一個場景背景，而背景是由背景圖和一顆大樹組成的。另外兩個元素是由人物和一個草地組成的。

顯示列表

上面我們所看到的樹狀顯示物件結構圖其實就是Egret的「顯示清單」。

使用顯示清單管理容器和非容器物件是非常方便的，當某一個顯示物件處在顯示清單中，我們就可以在畫面中看到該物件。當我們將顯示物件從顯示清單中移除後，該物件則從畫面中消失。

在Egret內部維護一個顯示列表，開發者無需關心該列表是如何運作的，你只需要對自己的顯示物件進行相應的操作即可。

顯示物件種類

Egret在架構設計過程中圍繞著顯示清單的概念，對所有物件進行了嚴格的封裝。在Egret中，所有的顯示物件均繼承自 <font face="NSimsun">DisplayObject</font> 這個類別。 <font face="NSimsun">DisplayObject</font> 類別也就是我們前面所描述的「顯示物件」。在Egret中，所有的「容器」均繼承自 <font face="NSimsun">DisplayObjectContainer</font>。

為了統一管理顯示列表，所有顯示物件都統一於DisplayObject類別。所有的顯示物件都繼承自DisplayObject，而DisplayObject則繼承自EventDispatcher。也就是說所有的顯示物件均可以發送事件。

DisplayObjectContainer顯示物件容器的父類別也是DisplayObject。

我們在實際操作中把概念再次簡化，可以歸納為兩條規則：

直接繼承自DisplayObject的類別都屬於非容器。繼承自DisplayObjectContainer的類別都屬於容器。