User Tools

Site Tools


tabbedcontainer

TabbedContainer

The TabbedContainer element is a container that allows switching between a group of containers by selecting their associated tabs.

A container with tabs for four different types of layouts.
TabbedContainer screenshot

Characteristic

Definition
Type Interactive Display Object
Category Element
Scope Local
Position *
Parents Container
Children *
Gestures none
Requirements none

Attribute

Type

Description
backgroundColor number the color of the background graphic
spacing number sets the spacing between each tab

See Also: Display Attributes

<TabbedContainer x="625" y="150">
    <Tab title="random" tabHeight="40">
        <Image id="img1" src="images/foot.png" scale=".2"/>
        <Image id="img1" src="images/foot.png" scale=".2"/>
        <Image id="img1" src="images/foot.png" scale=".2"/>
        <Image id="img1" src="images/foot.png" scale=".2"/>
        <Layout classRef="RandomLayout" maxX="400" maxY="400"/>
    </Tab>
    <Tab title="grid" tabHeight="40">	
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Image id="img1" src="images/womb.png" scale=".1" />
        <Layout classRef="GridLayout" columns="4" rows="4" useMargins="true" />
    </Tab>		
    <Tab title="pile" tabHeight="40">
        <Image id="img1" src="images/baby.jpg" scale=".5"/>	
        <Image id="img1" src="images/baby.jpg" scale=".5"/>	
        <Image id="img1" src="images/baby.jpg" scale=".5"/>	
        <Image id="img1" src="images/baby.jpg" scale=".5"/>	
        <Image id="img1" src="images/baby.jpg" scale=".5"/>	
        <Layout classRef="PileLayout" originY="200" originX="200" />
    </Tab>		
    <Tab title="fan" tabHeight="40">
        <Image id="img1" src="images/clockwork.png" scale=".2"/>
        <Image id="img1" src="images/clockwork.png" scale=".2"/>
        <Image id="img1" src="images/clockwork.png" scale=".2"/>
        <Image id="img1" src="images/clockwork.png" scale=".2"/>
        <Image id="img1" src="images/clockwork.png" scale=".2"/>
        <Image id="img1" src="images/clockwork.png" scale=".2"/>
        <Layout classRef="FanLayout" type="bottomRightOrigin" originX="200" originY="300" angle="20"/>
    </Tab>		
</TabbedContainer>
tabbedcontainer.txt · Last modified: 2015/09/18 17:44 by glass