Die PopUp ToolBar

Ein Klick auf ein Item in der PopUp ToolBar öffnet ein neues (PopUp) Panel, das beliebige, selbst entwickelte Komponenten enthalten kann. Das geöffnete Panel kann verschoben, minimiert, in der Größe geändert und wieder geschlossen werden.

In der Anwendung wird die PopUp ToolBar mit dem Tag <PopUpToolBar /> deklariert. Die Komponente basiert auf mx.containers.Box und erbt demzufolge alle Properties dieser Klasse. Über das Attribut direction kann die Richtung bestimmt werden, in der die Child-Komponenten der Toolbar angeordnet werden sollen. Mögliche Werte sind horizontal und vertical. Zusätzlich zu den geerbten Eigenschaften der Parent Klasse hat die Toolbar die Properties target und dataProvider.

In der Eigenschaft target (Typ: flash.display.DisplayObjectContainer) wird die Parent Komponente für das PopUp Panel bestimmt. Per default wird hier die Parent Komponente der PopUp ToolBar selbst verwendet. Die Eigenschaft dataProvider erwartet eine ArrayCollection, deren Elemente vom Typ ToolBarItem sein müssen.

Mit der ToolBarItem (<ToolBarItem></ToolBarItem>) Komponente werden Paare von Objekten vom Typ mx.core.UIComponent deklariert. Die erste UIComponent wird für das Icon in der ToolBar verwendet. Hierfür bieten sich Klassen wie Button oder Image an.
Der zweite Eintrag gibt die Komponente an, die im PopUp Panel angezeigt werden soll. Hier bieten sich die mx.containers.* Klassen an. Grundsätzlich kann jedoch für beide Elemente jede Klasse verwendet werden, die auf mx.core.UIComponent basiert.

ToolBarItem erbt alle Eigenschaften und Methoden von mx.collections.ArrayCollection und besitzt zusätzlich die Attribute: title:String, x:Number, y:Number, width:Number, height:Number, event:String. Die hier angegebenen Werte werden auf das PopUp Panel übertragen.
Im Attribut event wird angegeben, auf welches MouseEvent das Item in der Toolbar reagieren soll.

Eine ausführliche Beschreibung der Attribute, Code Beispiele und eine Beispiel Anwendung finden sich auf fleksray.org