在Silverlight中綁定動畫的持續時間屬性

Question

我有一個DoubleAnimation，我想綁定它的From，To和Duration屬性，以便它們能夠平滑地更改。

From和To的綁定效果很好，可以平滑地改變它們，但Duration的變化只是被忽略。

爲了調試，我做了一個按鈕，點擊後調用包含StoryBoard的Stop和Begin方法，動畫從正確的持續時間開始。此外，我檢查並看到動畫的Duration屬性實際上每次都在更新，所以更改只會被動畫忽略。 （不像從和到真正反應順利進行。）

試圖在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）是如何寫入的，你是否更新了你的datacontext。這是我的代碼，它的工作原理。

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

我知道我的方式遲到了，但問題在於持續時間不是一個DependencyProperty，所​​以WPF沒有聽取值更改事件，因此不是在值更改時對動畫進行更新 - 這與將更新後的值存儲在對象中不同。