如何通过绑定改变DoubleAnimation的持续时间



我有一个这样的椭圆:

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

相关内容

  • 没有找到相关文章

最新更新