[制作教程] MAML 之【动画 Animation】

发布时间： 2015-06-01 15:44

注意：

1.所有元素支持动画。

2.位置动画、大小动画、旋转动画、透明度动画和图片源动画 5种。

  -改变元素属性 x y,size,scale,alpha...

  -添加动画标签 <SourcesAnimation/><RotationAnimation/><PositionAnimation/>...

3.动画相互独立、自动循环

4.动画帧属性值（相对值，例如坐标是相对图片位置），线性插值（线性变化）

5.动画默认时间从0开始（推荐，手动设置time="0"）

6.动画帧属性值一般为整数类型，time为ms秒单位

7.XXX

-----------------------------------------------------------------------------------

8.动画标签里的属性值只能线性变化的。但可以通过定义一个变量的高阶函数表达式，动态修改元素属性，实现非线性值变化。

例如：正弦波动、阻尼震荡、弹性震荡、快进慢出、慢进快出 等等。

-----------------------------------------------------------------------------------

望，有心人补充分享经验呐！（希望点评补充，方便后来者学习）

规范代码：

<Image x="0" y="0" src="test.png">
       <PositionAnimation>
                        <Position x="0" y="0" time="0" />
                        <Position x="100" y="100" time="1000" />
       </PositionAnimation>
       <SizeAnimation>
                        <Size w="100" h="100" time="0" />
                        <Size w="200" h="200" time="1000" />
       </SizeAnimation>
       <AlphaAnimation>
                        <Alpha a="0" time="0" />
                        <Alpha a="255" time="1000" />
       </AlphaAnimation>
       <RotationAnimation>
                        <Rotation angle="0" time="0" />
                        <Rotation angle="360" time="1000" />
       </RotationAnimation>
</Image>