我有一个这样的椭圆:
<Ellipse Width="40" Height="50" Fill="Green">
<Ellipse.RenderTransform>
<RotateTransform Angle="0" CenterX="20" CenterY="25" />
</Ellipse.RenderTransform>
<Ellipse.Triggers>
<EventTrigger RoutedEvent="Ellipse.Loaded" >
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="RenderTransform.Angle"
From="0" To="360" Duration="{Binding Path=Dudu}" RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Ellipse.Triggers>
</Ellipse>
我想要椭圆旋转的速度取决于Dudu
属性(此属性使用INotifyPropertyChanged
通知更改)。
但是当我改变Dudu
的值时,持续时间没有改变。我发现问题是Loaded
事件只是在第一次控制加载时升高。
我的问题是:如何通过更改属性值来更改持续时间?我应该使用什么事件?
我认为问题可能是与保税属性Dudu
本身。查看它是否被正确解析并且类型是否正确
我尝试创建一个替代解决方案,如果以上不起作用
下面是一个使用附加行为的示例
<Ellipse Width="40"
Height="50"
Fill="Green"
xmlns:l="clr-namespace:CSharpWPF"
l:AnimationHelper.AnimationDuration="0:0:2">
<Ellipse.RenderTransform>
<RotateTransform Angle="0"
CenterX="20"
CenterY="25" />
</Ellipse.RenderTransform>
</Ellipse>
注意,我已经删除了与故事板的触发器,并附加了属性AnimationHelper.AnimationDuration="0:0:2"
,您可以将其绑定为AnimationHelper.AnimationDuration="{Binding Path=Dudu}"
AnimationHelper类
namespace CSharpWPF
{
public class AnimationHelper : DependencyObject
{
public static Duration GetAnimationDuration(DependencyObject obj)
{
return (Duration)obj.GetValue(AnimationDurationProperty);
}
public static void SetAnimationDuration(DependencyObject obj, Duration value)
{
obj.SetValue(AnimationDurationProperty, value);
}
// Using a DependencyProperty as the backing store for AnimationDuration.
// This enables animation, styling, binding, etc...
public static readonly DependencyProperty AnimationDurationProperty =
DependencyProperty.RegisterAttached("AnimationDuration", typeof(Duration),
typeof(AnimationHelper), new PropertyMetadata(Duration.Automatic,
OnAnimationDurationChanged));
private static void OnAnimationDurationChanged(DependencyObject d,
DependencyPropertyChangedEventArgs e)
{
FrameworkElement element = d as FrameworkElement;
element.Loaded += (s, arg) => element.RenderTransform.BeginAnimation(
RotateTransform.AngleProperty,
new DoubleAnimation(0, 360, (Duration)e.NewValue)
{ RepeatBehavior = RepeatBehavior.Forever });
}
}
}
还注意到上面的例子在RenderTransform属性上使用了硬编码的DoubleAnimation。假设RenderTransform是用RotateTransform的实例初始化的。如果需要,您还可以扩展该行为,使其成为动态的。