我有一个简单的故事板,重复和自动倒车。当它到达结束并自动反转时,我想在后面的代码中触发一个事件。重复时也一样。我怎么能做到这一点?最终我在这两个活动期间播放了一个wav文件。感谢。
答案 0 :(得分:3)
WPF动画由AnimationClock控制(有点像花式计时器)。 AnimationClock有一个名为CurrentProgress的属性,范围从0到1;其中0是起点,1是终点。重复的故事板将逐渐将CurrentProgress从0更改为1到0到1 ...
当AnimationClock指示动画渲染其下一帧时,动画会引发其CurrentTimeInvalidated事件。此事件的sender参数是AnimationClock。您可以在此时检查CurrentProgress。但是,由于此事件仅在绘制新帧时触发,因此CurrentProgress可能永远不会完全为0或完全为1.相反,您需要查找趋势。当您看到趋势发生变化时,表示循环已经开始或已经反转。
示例xaml:
<Grid x:Name="uxGrid" Background="White">
<Grid.Triggers>
<EventTrigger RoutedEvent="Grid.Loaded">
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetName="uxGrid" Changed="ColorAnimation_Changed" CurrentTimeInvalidated="ColorAnimation_CurrentTimeInvalidated" Storyboard.TargetProperty="Background.Color" From="Blue" To="Green" Duration="0:0:5" AutoReverse="True" RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Grid.Triggers>
</Grid>
示例代码:
private double? _clockLastProgress; // Tracks Trend
private bool _clockLastDecreased; // Tracks Trend Direction
private void ColorAnimation_CurrentTimeInvalidated(object sender, EventArgs e)
{
AnimationClock clock = sender as AnimationClock;
if (clock != null && clock.CurrentProgress.HasValue)
{
if (!_clockLastProgress.HasValue)
{
// Your Code Here
}
else
{
if (_clockLastDecreased)
{
if (clock.CurrentProgress > _clockLastProgress)
{
// Your Code Here
_clockLastDecreased = false;
}
}
else
{
if (clock.CurrentProgress < _clockLastProgress)
{
// Your Code Here
_clockLastDecreased = true;
}
}
}
_clockLastProgress = clock.CurrentProgress.Value;
}
}