WPF动画

WPF的一个特点就是支持动画，我们可以非常容易的实现漂亮大方的界面。首先，我们来复习一下动画的基本概念。计算机中的动画一般是定格动画，也称之为逐帧动画，它通过每帧不同的图像连续播放，从而欺骗眼和脑产生动画效果。
也就是说，我们要产生动画，只需要连续刷新界面即可。例如，我们要实现一个宽度变化的按钮的动画，可以用如下方式来实现：

  private void MainWindow_Loaded(object sender, RoutedEventArgs e){
        var timer = new System.Windows.Threading.DispatcherTimer();
        timer.Tick += new EventHandler(OnTimedEvent);
        timer.Interval = TimeSpan.FromSeconds(1.0 / 20);
        timer.Start();
}

    int index = 0;
    private void OnTimedEvent(object sender, EventArgs e){
        index++;
        if (index > 40)
            index = 0;

        button.Width = 8 * (index++);
    }

这段代码不难理解，就是每隔1/20秒更新一次按钮的宽度，在2s内将其高度从0变为320，重复播放。
WPF的动画的实现方式有如下优点：
一、简洁
这个是非常明显的，WPF的动画的代码非常容易理解。当然，我们也可以通过封装，使得用Timer也能用类似的API实现动画。但动画的API并不是仅仅这么一点，要把整个动画框架的API都封装也没有那么容易。
二、和XAML无缝集成
这个就是WPF的独有技术了，得益于XAML强大的表述能力，我们可以写出非常强大且容易维护的动画。
三、流畅性
Timer精度的问题：由于是改UI控件的属性（按钮的宽度），因此必须在UI线程上进行，因此DispatcherTimer 操作与其他操作一样需要放置到 Dispatcher 队列中，它并不保证恰好在改时间间隔中。它并不适合动画这种间隔很短的计时。
帧率的问题：逐帧动画的流畅性一般取决于每秒更新的帧数，也就是常说的帧率。人眼睛上限是70帧，而我这里代码中的Timer的固定了为20帧，因此是能明显感觉到卡顿的。而WPF的动画则不然，从它的API中可以看到，它是没有帧率的设置的。实际上，它是根据计算机的性能和当前进程的繁忙程度尽可能增大帧率的，因此WPF的动画是远大于20帧的，因此要流畅得多。
那么，是否只要修改参数，加大Timer的版本的帧率，也可以实现同样流畅的动画呢？ 试了一下，就算修改参数，也是无法达到WPF版本的流畅程度的。

1. 使用DispatcherTimer做动画
   　　这个DispatcherTimer和本身的Timer区别是它和UI线程在一起，简单说就是可以在Tick里面更改UI内容。
   　　适用范畴：计时器，表，固定时间刷新的数据板
2. 使用Animation和StoryBoard做动画
   　　这个高端大气上档次，首先它硬件无关，其次平滑可人。比如用timer移动一个button，每秒挪100像素，这看上去就是一个跳动前进的过程，但是用Animation挪动就会十分平滑，而且用人类语言描述也更好理解，FromTo啊，Begin啊，特别的贴心。Storyboard则是配合Animation使用从而实现更复杂的控制。
   　　适用范畴：UI效果，人机互动增强效果
3. 使用基于帧的动画
   　　一开始我还真没懂，后来看的多了才明白原来就是ownerDraw循环啊，简单的说就是有一个循环它在不停往UI上刷，你想画什么就往这个循环里面放即可。每秒默认刷60下，当然可以配置成其他数字，这个和硬件性能有关系，所以不同的机器效果不同要注意。这种方式可以最为精准的控制每一个细节，对应的缺点则是操作起来更麻烦。
   适用范畴：游戏，绘图软件交互