User Tools

Site Tools


listlayout

Differences

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

Link to this comparison view

listlayout [2015/09/18 14:43] (current)
glass created
Line 1: Line 1:
 +====== ListLayout ======
  
 +The ListLayout positions the display objects in a horizontal or vertical list.
 +
 +{| style="​float:​right;​margin:​0 0 30px 20px;"
 +|+ Two pictures laid out in a list.
 +|-
 +|{{:​oelistlayout.jpg?​nolink&​250|GigapixelViewer screenshot}}
 +|}
 +
 +<​code:​csharp linenums:​1>​
 +<​Container class="​horiztonal_list"​ x="​470"​ y="​25">​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Layout classRef="​ListLayout"​ spacingX="​200"​ tween="​true"​ tweenTime="​1500"/> ​                 ​
 +</​Container>​
 +
 +<​Container class="​vertical_list"​ x="​750"​ y="​200">​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Image src="​images/​plane.jpg"​ scale="​.3"/>​
 +    <Layout classRef="​ListLayout"​ useMargins="​true"​ marginY="​5"​ type="​vertical"​ tween="​true"​ tweenTime="​1500"/> ​                 ​
 +</​Container>​
 +</​code>​
listlayout.txt · Last modified: 2015/09/18 14:43 by glass