0

我有一个这样的椭圆:

<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仅在第一次加载控件时引发事件。

我的问题是:如何通过更改属性值来更改持续时间?我应该使用什么事件?

4

1 回答 1

2

我认为问题可能出在保税财产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}"

动画助手类

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 的实例初始化的。如果需要,您还可以扩展行为使其动态化。

于 2014-08-11T05:42:25.213 回答