Mit dem Cardlayout können UIComponents übereinandergelegt werden. Wie weit sich die Komponenten dabei überlappen, kann über die Parameter x_offset und y_offset gesteuert werden.
Wird eine der Komponenten im Stack angeklickt, erscheint diese im Vordergrund. Gleichzeitig wird ein Event vom Typ CardEvent ausgelöst. Dieses Event enthält im Attribut "selectedCard" eine Referenz auf das angeklickte Objekt. Im EventHandler können also sämtliche Informationen dieses Objektes ausgelesen werden.
Eine Beschreibung der Attribute und EventHandler, sowie eine Beispielanwendungen findet sich hier.
Im Beispiel werden neben einigen Bildern auch ein Button im CardLayout verwendet. Grundsätzlich kann aber jedes Objekt verwendet werden, das die Klasse UIComponent erweitert.
Example Code:
The CardLayout
<ks:CardLayout id="cl"
x="10" y="10"
offset_x="15"
offset_y="15"
cardOffAlpha="0.7"
dataProvider="{dp}"
cardClicked="clickCardHandler(event)" />