MSDN 教程短片 WPF 15(DoubleAnimation)

DoubleAnimation

接着上一篇使用的是XAML来实现动画的效果，今天我们用代码来实现下：

我们在窗体上放一个Rectangle，对这个Rectangle实现宽度的变化。当我们按下按钮来触发它的宽度变化。

具体代码如下：

  private void button1_Click(object sender, RoutedEventArgs e)
        {
            DoubleAnimation doubleAnimation = new DoubleAnimation();
            doubleAnimation.From = 0;
            doubleAnimation.To = 60;
            //TimeSpan时间的绝对值
            doubleAnimation.Duration =new Duration(new TimeSpan(0,0,0,3));
            //无限次重复
            doubleAnimation.RepeatBehavior = RepeatBehavior.Forever;
            //按相反的顺序播放
            doubleAnimation.AutoReverse = true;
            //启动动画,并把变化赋给宽度
            rectangle1.BeginAnimation(Rectangle.WidthProperty,doubleAnimation);
            
        }

我们在加点颜色的变化如何。

在XAML中我们先要给个SolidColorBrush的Name。

<Rectangle.Fill>
       <SolidColorBrush x:Name="solid1" Color="Green"/>
</Rectangle.Fill>

然后再按钮代码中添加：

  ColorAnimation colorAnimation=new ColorAnimation(
               Color.FromRgb(255,0,0),Color.FromRgb(0,0,255),
               new Duration(new TimeSpan(0,0,3)));
            colorAnimation.RepeatBehavior = RepeatBehavior.Forever;
            colorAnimation.AutoReverse = true;
            solid1.BeginAnimation(SolidColorBrush.ColorProperty,colorAnimation);

效果图：

开始前

开始后的某一秒：