User Tools

Site Tools


tabbedcontainer

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

tabbedcontainer [2015/09/18 17:44] (current)
glass created
Line 1: Line 1:
 +====== TabbedContainer ======
  
 +The TabbedContainer element is a container that allows switching between a group of containers by selecting their associated tabs.
 +
 +{| style="​float:​right;​margin:​0 0 30px 20px;"
 +|+ A container with tabs for four different types of layouts.
 +|-
 +|{{:​oetabbedcontainer.jpg?​nolink&​350|TabbedContainer screenshot}}
 +|}
 +
 +{| class="​wikitable"​
 +!
 +Characteristic
 +!
 +Definition
 +|-
 +| Type || Interactive Display Object
 +|-
 +| Category || Element
 +|-
 +| Scope || Local
 +|-
 +| Position || *
 +|-
 +| Parents || Container
 +|-
 +| Children || *
 +|-
 +| Gestures || none
 +|-
 +| Requirements || none
 +|}
 +
 +
 +{| class="​wikitable"​
 +!
 +Attribute
 +!
 +Type
 +!
 +Description
 +|-
 +| backgroundColor || number || the color of the background graphic
 +|-
 +| spacing || number || sets the spacing between each tab
 +|}
 +
 +See Also: [[Display Attributes]]
 +
 +<​code:​csharp linenums:​1>​
 +<​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>​
 +</​code>​
tabbedcontainer.txt · Last modified: 2015/09/18 17:44 by glass