Animating an attribute

[antun]

Just as with animating the x, y, width or height attributes, you can animate any numeric attribute of a view; you can also constrain physical view attributes to some algorithm that uses your animated attribute to obtain smooth complex animations:

<!-- sine curve -->
<canvas width="750">

    <view y="10" x="10"
          width="735" height="215" 
          bgcolor="0xeaeaea">
        <view y="${100 + 100*Math.sin(0.01745*this.xpos)}"
              x="${xpos}"
              width="15" height="15" bgcolor="red">

            <attribute name="xpos" value="0" type="number" />

            <animator attribute="xpos" from="0" to="720" 
                      duration="6000"
                      motion="linear" />
        </view>
    </view>

</canvas>

Enjoy!