WPF中的动画——时间线（TimeLine）

Posted 2020-11-05 lonelyxmas

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了WPF中的动画——时间线（TimeLine）相关的知识，希望对你有一定的参考价值。

原文:WPF中的动画——（三）时间线（TimeLine）

时间线（TimeLine）表示时间段。它提供的属性可以让控制该时间段的长度、开始时间、重复次数、该时间段内时间进度的快慢等等。在WPF中内置了如下几种TimeLine：

AnimationTimeline ：前面已经介绍过，主要用于属性的过渡，这种是最常见的动画。
MediaTimeline：用于控制媒体文件播放的时间线。
ParallelTimeline：ParallelTimeline 是一种可对其他时间线进行分组的时间线，可用于实现较复杂的动画。
Storyboard ：一种特殊的 ParallelTimeline，可为其包含的时间线提供对象和属性目标信息。在XAML中经常使用到它，在后面再专项介绍。
TimelineGroup：可包含其他 Timeline 对象的 Timeline 对象的抽象类。

常用属性：

Duration：动画播放时间长度
RepeatBehavior：重复行为（重复次数）
FillBehavior：动画结束后的行为（保持动画的结束状态或恢复到初始状态）
AutoReverse：按相反的顺序重复播放动画
SpeedRatio：动画播放速率（用于加速或减速播放）
BeginTime：动画播放的起始时间

时间线控制：

到目前为止，我们虽然能创建并执行动画，但仅仅能通过UIElement. BeginAnimation执行开始动画，还无法对动画进行交互控制。在WPF中，还提供了一系列对时间线的控制操作，如：开始、停止、暂停等。它们是通过Clock对象的Controller属性来进行的。下面就是一个简单的示例：

    var widthAnimation = new DoubleAnimation()
    {
        From = 0,
        To = 320,
        Duration = TimeSpan.FromSeconds(5),
    };

    var clock = widthAnimation.CreateClock();
    button.ApplyAnimationClock(WidthProperty, clock);

    await Task.Delay(3000);
    clock.Controller.Pause();