animation-$8.lzx

<canvas width="100%" height="200" bgcolor="0xE5E1B0">
  <!-- INCLUDES That provide framework for the example -->
  <include href="animation_library.lzx"/>
  
  <!-- RELATIVE ANIMATION EXAMPLE -->
  <view id="tutorial2" height="400" width="${parent.width}" visible="true">
    <ruler name="rlr" height="300" y="0"/>
    <view height="30"/>
    <view height="120">
      <view y="40" visible="true">
        <view>
          <text>Absolute</text>
            <box id="B7" x="50" onclick="this.anm.doStart()">
              <animator name="anm" attribute="x" to="200" duration="500" start="false"/>
            </box>
          </view>
          
          <view>
            <text>Relative</text>
              <box id="B8" x="50" onclick="this.anm.doStart()">
                <animator name="anm" attribute="x" to="200" duration="500" start="false" relative="true"/>
              </box>
            </view>
          <simplelayout axis="y" spacing="5"/>
        </view>
      </view>
      
      <!-- The TEST and RESET buttons -->
      <view x="50" y="150">
        <button text="Test" x="50" onclick="B7.anm.doStart();B8.anm.doStart()"/>
        <button text="Reset" onclick="B7.setAttribute('x', 50);B8.setAttribute('x', 50);"/>
      <simplelayout axis="x"/>
    </view>
  </view>
</canvas>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2007, 2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->