在 Silverlight 中绑定动画的 Duration 属性

Question

我有一个 DoubleAnimation，我想绑定它的 From、To 和 Duration 属性，以便它们能够平滑地改变。

From 和 To 的绑定效果很好，可以顺利地更改它们，但 Duration 的更改只是被忽略。

为了进行调试，我制作了一个按钮，单击该按钮即可调用包含 StoryBoard 的 Stop 和 Begin 方法，并且动画以正确的持续时间从头开始。我还检查并发现动画的 Duration 属性实际上每次都会更新，因此动画只是忽略了更改。 （与真正反应顺利的 From 和 To 不同。）

在 WPF 中尝试了相同的操作并得到了相同的结果，这里有一个片段：

        <Canvas>
        <Canvas.Triggers>
            <EventTrigger RoutedEvent="Canvas.Loaded">
                <BeginStoryboard>
                    <Storyboard x:Name="Story">
                        <DoubleAnimation x:Name="Anime"
                                         Duration="{Binding Duration}"
                                         RepeatBehavior="Forever"
                                         Storyboard.TargetName="Text1"
                                         Storyboard.TargetProperty="(Canvas.Left)"                                             
                                         From="0"
                                         To="400"                                             
                                         />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Canvas.Triggers>
        <TextBlock Text="Hello" Name="Text1"/>
    </Canvas>

我真的很感激解释为什么这不起作用以及任何可以使绑定与平稳过渡。

另外，我的实际最终目标是让 TextBlock 以恒定速度移动，尽管 From 和 To 发生变化。因此，如果有其他方法可以实现这一点，那就更好了。

谢谢。

Answer 1

有两个问题：您的绑定源（ViewModel）是如何编写的，以及您是否更新了数据上下文。这是我的代码并且它有效。

MainPage.xaml：

<Canvas>
    <Canvas.Triggers>
        <EventTrigger RoutedEvent="Canvas.Loaded">
            <BeginStoryboard>
                <Storyboard x:Name="Story">
                    <DoubleAnimation x:Name="Anime"
                                     Duration="{Binding}"
                                     RepeatBehavior="Forever"
                                     Storyboard.TargetName="Text1"
                                     Storyboard.TargetProperty="(Canvas.Left)"                                             
                                     From="0"
                                     To="400"                                             
                                     />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Canvas.Triggers>
    <TextBlock Text="Hello" Name="Text1"/>
    <Button Content="Change" Margin="0, 100, 0, 0" Click="Button_Click" />
</Canvas>

MainPage.xaml.cs：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.ComponentModel;

namespace SilverlightApplication
{
    public partial class MainPage : UserControl
    {
        AnimVM vm = new AnimVM();
        double dur = 5;

        public MainPage()
        {
            InitializeComponent();

            vm.Duration = new Duration(TimeSpan.FromSeconds(dur));

            this.DataContext = vm.Duration;
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            dur += 5;
            vm.Duration = new Duration(TimeSpan.FromSeconds(dur));
            this.DataContext = vm.Duration; // don't forget this line
        }
    }

    public class ViewModelBase : INotifyPropertyChanged, IDisposable
    {
        protected ViewModelBase()
        {
        }

        protected virtual bool ThrowOnInvalidPropertyName { get; private set; }

        public event PropertyChangedEventHandler PropertyChanged;

        protected virtual void OnPropertyChanged(string propertyName)
        {
            //this.VerifyPropertyName(propertyName);

            PropertyChangedEventHandler handler = this.PropertyChanged;
            if (handler != null)
            {
                var e = new PropertyChangedEventArgs(propertyName);
                handler(this, e);
            }
        }

        public void Dispose()
        {
            this.OnDispose();
        }

        protected virtual void OnDispose()
        {
        }
    }

    public class AnimVM : ViewModelBase
    {
        private Duration _duration = new Duration(TimeSpan.FromSeconds(5));
        public Duration Duration
        {
            get { return _duration; }
            set
            {
                if (object.ReferenceEquals(this._duration, value)) return;

                this._duration = value;
                base.OnPropertyChanged("Duration");
            }
        }
    }
}

Answer 2

我知道我来晚了，但问题是 Duration 不是 DependencyProperty，因此 WPF 不会侦听值更改事件，因此在值更改时不会更新动画 - 这与仅存储对象中的更新值。