User Tools

Site Tools


fanlayout

FanLayout

The FanLayout positions the corners of the container's objects in the same location and rotates them individually around the corner.

Image elements in a fan layout.
FanLayout screenshot
<Container layout="grid" x="625" y="50" class="parent_layout">
    <!--global layouts are assigned by id to the Container's layout attribute-->
    <Container class="top_left">
        <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="FanLayout" angle="10" tween="true" tweenTime="1500"/>
        <!--the default origin is the top left corner and the default angle is 5 -->
    </Container>
    <Container class="top_right">
        <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="FanLayout" type="topRightOrigin" angle="-10" tween="true" tweenTime="1500"/>
        <!--to change origin, specify the type-->
    </Container>
    <Container class="bottom_left">
        <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="FanLayout" type="bottomLeftOrigin" angle="-10" tween="true" tweenTime="1500"/>          
    </Container>	
    <Container class="bottom_right">
        <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="FanLayout" type="bottomRightOrigin" angle="10" tween="true" tweenTime="1500"/>          
    </Container>		
</Container>
fanlayout.txt · Last modified: 2015/09/17 18:13 by glass