Question

I have a UserControl with a storyboard embedded in it. There will be a few of these UserControls spread around the screen, and when the user clicks on them I’d like the selected one to animate itself into the middle of the screen.

I am using a Storyboard inside the user control to do this. However, I cannot for the life of me work out how to say inside my Storyboard “move to screen location 200,200”. The RenderTransform->Translate is always local to the original position of the control, as is Projection->Global Offset. Any ideas?

Chris

Answer 1

Firstly, you need Canvas for screen location with attached properties Canvas.Left=”200″ Canvas.Top=”200″

      <Storyboard x:Name="animation"
          Storyboard.TargetName="myControl"
          Storyboard.TargetProperty="(Canvas.Left)" >
        <DoubleAnimation To="200" Duration="0:0:10" />
     </Storyboard>

I think the embedded storyboard is not a good idea. This animation works only with Canvas and when someone place it in a grid or stack panel, an exception will be thrown.

More info.