Binding to 'To' In Storyboard

Question

I'll try to make this as simple as I can.

I want to do this:

<Storyboard x:Name="MoveToLocation">
   <DoubleAnimation Duration="0:0:0.5" To="{Binding X}" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="grid" d:IsOptimized="True"/>
</Storyboard>

As you may have noticed the Binding on 'To' Property does not work. It seems to only accept static values.

How does one do this animation with MVVM? I cant just put in static data, cause it's going to change.

Thanks.

Answer 1

If you're trying to do it in a Style, that's why it's not working. Silverlight will Freeze it because it's shared across all instances of that style.

Try putting it in the element itself and that should work.

Answer 2

DoubleAnimation is also not a FrameworkElement hence binding doesn't work to that either. See my answer to your previous question.

In order to achieve your goal here you will need to take the contents of your DataTemplate and turn it into a UserControl. This new control can then expose a set of dependency properties that you need to bind to, including one for To value of the storyboard.