对属性进行动画处理,并查看它在代码隐藏中何时更改
本文关键字:代码 隐藏 何时更 属性 动画 处理 | 更新日期: 2023-09-27 18:35:33
我经常需要对不属于 wpf 视图中的几个内容进行动画处理,例如计算机的音量或鼠标的位置。我想通过使用 wpf 情节提要和内置的缓动函数来做到这一点。
例如,假设我想使用以下情节提要在我的计算机上进行动画处理(减小音量):
<Storyboard x:Key="Storyboard1">
<DoubleAnimationUsingKeyFrames
Storyboard.TargetProperty="someProperty"
Storyboard.TargetName="SomeTarget">
<EasingDoubleKeyFrame KeyTime="0:0:1" Value="0">
<EasingDoubleKeyFrame.EasingFunction>
<CircleEase EasingMode="EaseOut"/>
</EasingDoubleKeyFrame.EasingFunction>
</EasingDoubleKeyFrame>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
在我的代码中,我使用以下函数设置音量:
MyVolumeController.SetVolume(0);
因此,我想创建一个看起来像这样的函数:(请注意该函数是某种伪代码)
public void AnimateProperty(Storyboard sb, Action<double> onPropertyChange)
{
var property = //sb.targetProperty;
property.OnValueChanged += (a,b)=>{
onPropertyChange(b.newValue);
}
sb.begin();// start animating
}
然后,我将能够通过调用该方法来对音量进行动画处理:
AnimateProperty(
(Storyboard)this.FindResource("Storyboard1"), // storyboard
(newVal)=>{MyVolumeController.SetVolume(newVal) // action
);
如果要对属性进行动画处理,并在动画运行时收到有关值更改的通知,则必须使该属性成为依赖项属性,并通过依赖项属性元数据附加 PropertyChangedCallback。
这种依赖属性的典型声明类似于下面的代码(此处将 double 作为属性类型):
public class MyControl : ...
{
public static readonly DependencyProperty SomethingProperty =
DependencyProperty.Register(
"Something", typeof(double), typeof(MyControl),
new FrameworkPropertyMetadata(
(o, e) => ((MyControl)o).SomethingChanged((double)e.NewValue)));
public double Something
{
get { return (double)GetValue(SomethingProperty); }
set { SetValue(SomethingProperty, value); }
}
private void SomethingChanged(double newValue)
{
// process value changes here
}
...
}
现在,您可以通过情节提要轻松地对此属性进行动画处理,也可以通过直接应用动画来更简单:
DoubleAnimation animation = new DoubleAnimation
{
To = ...,
Duration = ...,
};
myControl.BeginAnimation(SomethingProperty, animation);