WPF 动画进阶编程

对于一个动画，假设其 Completed 事件中进行了某些计算，当停止动画时，我们不能立刻获取到 Completed 中更新的值。看一下下面这段代码，你的预期输出是什么？

private Storyboard _storyboard;
private int _value;
/// <summary>
/// Window.Loaded事件处理方法
/// </summary>
private void OnLoaded(object sender, RoutedEventArgs routedEventArgs)
    var widthAnimation = new DoubleAnimation
        From = 100, To = 200,
        Duration = new Duration(TimeSpan.FromSeconds(2))
    widthAnimation.Completed += (s, args) =>
        _value = 1;
    Storyboard.SetTargetName(widthAnimation, MyRectangle.Name);
    Storyboard.SetTargetProperty(widthAnimation, new PropertyPath(FrameworkElement.WidthProperty));
    _storyboard = new Storyboard
        Children = new TimelineCollection {widthAnimation}
/// <summary>
/// 开始动画
/// </summary>
private void BeginButton_OnClick(object sender, RoutedEventArgs e)
    _storyboard.Begin(this, true);
/// <summary>
/// 停止动画
/// </summary>
private void StopButton_OnClick(object sender, RoutedEventArgs e)
    _storyboard.SkipToFill(this);
    Debug.WriteLine($"The Value: {_value}");
输出的结果将会是 “The Value: 0”。Completed 事件确实触发了，结果为什么是 0 ，而不是 1 呢？原因在于该事件并非实时的，它要等到动画的下一帧才能响应（动画内部的 Clock 会在每个 Tick 时判断状态，并触发相应事件）。通过 Dispatcher.Invoke(delegate { }, DispatcherPriority.Background) 可以解决此问题。
 
private void StopButton_OnClick(object sender, RoutedEventArgs e)
    _storyboard.SkipToFill(this);
    // 等待 Completed 事件触发
    Dispatcher.CurrentDispatcher.Invoke(delegate { }, DispatcherPriority.Background);
    Debug.WriteLine($"The Value: {_value}");
                                    使用WPF，可以轻松地创建复杂的图形和动画，实现各种交互效果，以及使用各种不同的数据绑定和样式。无论你是初学者还是有经验的开发人员，都可以通过学习WPF来开发具有创新性和吸引力的应用程序。赶紧学起来吧!
                                    这是一个开源的 Demo 项目，效果可以去博客里看动图
https://blog.csdn.net/liudehuaii18/article/details/114852709
源码已上传到 Gitee
https://gitee.com/bigflowerfat/wpf-demos
最近半年我会持续更新，希望大家能关注下，谢谢了（微信公众号也会同步更新 【你好 WPF】）
                                    控件模型：WPF 提供三个用于创建控件的常规模型，每个模型都提供不同的功能集和灵活度。 三个模型的基类是UserControl、Control 和 FrameworkElement 。其中UserControl称为用户控件继承自ContentControl，提供类似于Window窗口的简单布局控件创建方式（实现组合控件）。而Control 和 FrameworkElement 称为自定义控件，自定义控件比用户控件更低级别，得到的控制越多，但继承的功能就越少。用户控件和自定义控件之间的主要区别之一：自定义控件
                                    　　在前一章已经学习过WPF动画的第一条规则——每个动画依赖于一个依赖项属性。然而，还有另一个限制。为了实现属性的动态化(换句话说，使用基于时间的方式改变属性的值)，需要有支持相应数据类型的动画类。例如，Button.Width属性使用双精度数据类型。为实现属性的动态化，需要使用DoubleAnimation类。但Button.Paddin属性使用的是Thickness结构，所以需要使用ThicknessAnimation类。
　　该要求不像WPF动画的第一条规则那么绝对，第一条规则将动画局限于依赖项属性
                                    WPF在C#后台代码中使用BeginAnimation()方法来使动画产生效果，等同于XAML代码，将动画指定到合适的元素和属性。在XAML中，通常是需要触发器来触发效果的。而WPF触发器有这三种基本类型：属性触发器、数据触发器以及事件触发器，可以在触发器中设置页面加载或者鼠标移入/移出事件。使用触发器是关联动画的最常用方式，但并不是唯一的选择。当创建事件触发器时，需要指定开始触发器的路由事件和触...
                                    动画的本质就是在一个时间段内对象位置、角度、颜色、透明度等属性值的连续变化。这些属性种，有些是对象自身的单属性，有些是图形变形 的属性。WPF规定，可以用来制作动画的属性必须是依赖属性。简单的动画由一个元素来完成就可以了，就像一个演员的独角戏，WPF吧简单动画称为AnimationTimeline。复杂的动画就需要UI上的多个元素协同完成，就像电影中的一段场景。复杂动画的协同包括有哪些UI元素参与动画、每个元素的动画行为是什么、动画何时开始何时结束等。WPF把一组协同的动画也称为Storyboard。
                                    可以在window元素中设置，控制整个window内部所有。以上所有属性都支持使用绑定的方式设置。如果想在设计状态下就看到效果，只需将。手动控制播放、暂停、跳转到哪个画面。你可能不想让图片自动播放，只需设置。应用程序中预览、控制GIF图片。运行后就可以看到效果了。元素内设置，只控制该元素。时，永远不会触发该事件。上面这种用法是预览的。没有完全加载的时候，
资源字典控件模板
创建资源字典：
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"&g
WPF动画使用三种方法：
（1）线性插值：在开始值和结束之间以逐步增加方式改变属性的动画（线性插值过程）。
（2）关键帧：从一个值突然变成另一值的动画(关键帧动画)。所有关键帧动画都使用 "类型名 + AnimationUsingKeyFrames " 的形式进行命名，比如 StringAnimationUsingKeyFrames和ObjectAnimationUsingKeyFrames。
（3）路径：