原文:
WPF当属性值改变时利用PropertyChanged事件来加载动画
在我们的程序中，有时我们需要当绑定到UI界面上的属性值发生变化从而引起数据更新的时候能够加载一些动画，从而使数据更新的效果更佳绚丽，在我们的程序中尽量将动画作为一种资源放在xaml中，而不是在后台中通过写代码的这种方式来加载动画，在我们的这篇博客中我们尽量使用简洁的语言来阐述这一方法。
1 首先来看一下写到资源中的Storyboard
<Storyboard x:Key="FadeIn">
<DoubleAnimation Storyboard.TargetName="translateTransform" Storyboard.TargetProperty="X" From="-516" To="0">
<DoubleAnimation.EasingFunction>
<CircleEase EasingMode="EaseIn"></CircleEase>
</DoubleAnimation.EasingFunction>
</DoubleAnimation>
<DoubleAnimation Storyboard.TargetName="translateTransform" Storyboard.TargetProperty="Y" From="100" To="0">
<DoubleAnimation.EasingFunction>
<CircleEase EasingMode="EaseIn"></CircleEase>
</DoubleAnimation.EasingFunction>
</DoubleAnimation>
</Storyboard>
这里面的translateTransform是为Canvas所定义的一个RenderTansform。
<Canvas Grid.Row="2" x:Name="NoticeTextBlock">
<Canvas.RenderTransform>
<TranslateTransform x:Name="translateTransform" X="0"></TranslateTransform>
</Canvas.RenderTransform>
<TextBlock Text="{Binding Path=CurrentBindingObject.Notice,Mode=TwoWay}" TextWrapping="Wrap"></TextBlock>
</Canvas>
2 第二步就是如何在绑定到前台的数据更新时加载动画效果。首先贴出代码，然后再做进一步的分析。
public partial class DisplayLayer : UserControl
{
public DisplayLayer()
{
InitializeComponent();
Loaded+=new RoutedEventHandler(DisplayLayer_Loaded);
}
private void DisplayLayer_Loaded(object sender, RoutedEventArgs e)
{
DisplayViewModels current = this.DataContext as DisplayViewModels;
if (current != null)
{
current.CurrentBindingObject.PropertyChanged+=Current_PropertyChanged;
}
}
private void Current_PropertyChanged(object sender, PropertyChangedEventArgs e)
{
if (e.PropertyName == "Notice")
{
Dispatcher.Invoke(new Action(() =>
{
(TryFindResource("FadeIn") as Storyboard).Begin();
}));
}
}
}
3 这里在当前用户控件加载完成后，找到绑定到前台的DataContext对象(这里是current.CurrentBindingObject)然后利用PropertyChanged事件来写该事件，首先我们来看一下PropertyChangedEventArgs这个类。
// 摘要:
// 为 System.ComponentModel.INotifyPropertyChanged.PropertyChanged 事件提供数据。
public class PropertyChangedEventArgs : EventArgs
{
// 摘要:
// 初始化 System.ComponentModel.PropertyChangedEventArgs 类的新实例。
//
// 参数:
// propertyName:
// 已更改的属性的名称。
public PropertyChangedEventArgs(string propertyName);
// 摘要:
// 获取已更改的属性名称。
//
// 返回结果:
// 已更改的属性的名称。
public virtual string PropertyName { get; }
}
这里面定义了当前类的构造函数，和获取已更改的属性的名称。在我们的程序中通过e.PropertyName能够获取当前属性的变化对象，这里我们找到Notice绑定的对象，然后通过(TryFindResource("FadeIn") as Storyboard).Begin();来动态加载动画，这种方式在WPF中应该是一种比较合理的加载动画的方式，另外还有一个需要注意的地方是必须是在整个窗体加载完成(Loaded加载时)才能够获取到当前绑定的DataContext否则获取的值为null。
