Corey Schuman » Silverlight 2.0 http://www.85turns.com Silverlight Consultant Tue, 26 Apr 2011 20:57:07 +0000 en hourly 1 http://wordpress.org/?v=3.1.1 How to dynamically create animations from C# in Silverlight http://www.85turns.com/2008/03/09/how-to-dynamically-create-animations-from-c-in-silverlight/ http://www.85turns.com/2008/03/09/how-to-dynamically-create-animations-from-c-in-silverlight/#comments Sun, 09 Mar 2008 05:49:57 +0000 Corey http://simplesilverlight.wordpress.com/?p=19 So you want to create an animation from managed code. To do this, there is quite a bit of code needed. For every animation there needs to be a new StoryBoard, and unfortunately a StoryBoard can not be reused between objects. (Correction: You can reuse a dynamically created StoryBoard. Make sure to call StoryBoard.Stop() before setting the new target.)

The approach we are going to take is to animate the TranslateTransforms instead of animating the Canvas.Top and Canvas.Left properties since this is the preferred way of doing animations in WPF. In the below example we will create a rectangle, attached a set of transforms to the rectangle, and dynamically add animations to the rectangle.

  1. Create a Rectangle
    Create a rectangle code
  2. Create a function that returns a RenderTransform. (I have added more than the TranslateTransform in case you want to access the other transforms at a later time. It’s good practices to have them there.)
    Function that returns a TransformGroup
  3. Create a StoryBoard and add DoubleAnimations for both the X and Y.
    Dynamically add a storyboard and double animations
  4. Final product
    Final product.

Come back for part 2 and we’ll animate the Scale and add more than one rectangle.

Edit: In case you don’t want to brush off your old OCR programs to get the code, here is a link to the source. Link to working example.

]]> http://www.85turns.com/2008/03/09/how-to-dynamically-create-animations-from-c-in-silverlight/feed/ 12