绑定属性的 XAML 动画

Question

我将以下矩形绑定到不断变化的定位属性“RectTop”，

<Rectangle Canvas.Top="{Binding RectTop}" Height="100" Width="100" Fill="Red" />

有没有办法可以设置动画/触发器，以便在该值发生变化时将矩形平滑地动画到 RectTop？ RectTop 不断变化。 RectTop 的类实现了 INotifyPropertyChanged，因此我的更新工作正常。我已经成功地使用了一个中间线程，该线程缓慢地增加 RectTop，然后调用 UI 线程来通知它的值发生变化。这种方法感觉非常hackish。一定有更好的方法。

有什么想法吗？

Answer 1

简单的技巧。更新 Rectangle 的 Margin 属性，而不是更新 Canvas.Top。

而不是这个：

  <Canvas Width="300" Height="300" Background="Black">  
    <Rectangle Canvas.Top="10" Fill="Blue" Height="100" Width="100"/>
  </Canvas>

尝试这个：

<Canvas Width="300" Height="300" Background="Black">  
    <Rectangle Margin="0,10,0,0" Fill="Blue" Height="100" Width="100"/>
  </Canvas>

PS：您应该使用 厚度动画

HTH