复合动画实现

图片都要设置成资源属性，否则运行的时候不显示图片

窗口打开的时候启动

监控状态标记，开始动画

 

1、窗口打开的时候加载

Window.Triggers触发器

 <EventTrigger RoutedEvent="Window.Loaded"> 窗口打开的时候触发

<BeginStoryboard>开始故事板

 

要控制的TranslateTransform X="0"属性是double类型

 就定义double类型的动画对象DoubleAnimation

基本动画写法

1、底座

                    <DoubleAnimation Duration="0:0:2"
                                     Storyboard.TargetName="tt"
                                     Storyboard.TargetProperty="X"
                                     From="0"
                                     To="-120" 
                                     AccelerationRatio="0.2"
                                     DecelerationRatio="0.8"/>

2秒钟，从0到-120，目标属性X，目标属性值tt

 调用x:Name="tt"

重复执行动画，每次都是从起点重新开始，不是往返，而是一下蹦回来了

RepeatBehavior="Forever"

折返，来了再回去

AutoReverse="True"

不需要额外写动画处理，只需要两个属性就行了

到了终点显得撞了一下，有些生硬，启动的一瞬间没有缓冲

 

2、第一节：Angle属性调整

<DoubleAnimation Duration="0:0:2"
                 Storyboard.TargetName="rt1"
                 Storyboard.TargetProperty="Angle"
                 From="-40"
                 To="20"/>

两个动画搞定，比其它框架方便很多

底座移动，第一个关节也跟着移动

 

3、第二节

确定设备终点位置，货架上起点位置

从80旋转到55

起始位置在0-20%的地方加速：AccelerationRatio="0.2"
终点位置在80-100%的地方减速：DecelerationRatio="0.8"/>