Share via


Test a storyboard (Blend for Visual Studio)

Whenever you modify a storyboard, you might want to view the resulting animation. You can run your storyboard in Design view of Blend for Visual Studio 2012, or you can run your application (F5, Ctrl+F5) to view your storyboard. Use the following table to decide which way is most useful for you:

Test the storyboard in Design view

Test the storyboard in your application

  • You can test any storyboard, even one that is triggered by a user action. However, you cannot test that the trigger initiates the storyboard. For that functionality, you must test the storyboard in your application.

  • You can instantly test any part of your storyboard by scrubbing the timeline, and you can make changes, without having to switch between windows.

  • You cannot test the repeat behavior of sections of the storyboard (between simple keyframes) or the repeat behavior the whole storyboard. When you press the Play button, you will see the storyboard play only once.

  • If your storyboard does not appear until you have navigated through your application, or if your storyboard is triggered by a complex set of actions, it can be tedious to test your storyboard by running your application.

  • You can test the repeat behavior of sections of the storyboard (between simple keyframes) or the repeat behavior of the whole storyboard.

To test a storyboard in Design view

  1. Select the storyboard from the Storyboard picker by clicking Open a Storyboard JJ155255.d4531c86-5048-481c-a1ca-29af202d28e7(en-us,VS.110).png under Objects and Timeline, and then selecting the storyboard.

    Note

    If your storyboard is a part of a style or control template, you will have to open the style or control template to access the storyboard.

    For more information, see Edit a style (Blend for Visual Studio).

  2. Using the playback controls above the timeline window, do one of the following:

    • To move to the first frame in the animation, click the Go to first frame Go to first frame button.

      Note

      The name of the button appears when your pointer pauses over the button.

    • To move back a frame, click the Go to previous frame Go to previous frame button.

    • To play an animation, click the Play Play button button.

    • To move forward a frame, click the Go to next frame Go to next frame button.

    • To move to the last frame in the animation, click the Go to last frame Go to last frame button.

    Playback controls under Objects and Timeline

    JJ155255.ab1e4f11-0317-4ef1-a029-7d749629f0f8(en-us,VS.110).png

To test a storyboard by running your application

  • With your project open in Blend, click Run Project on the Project menu or press (F5, Ctrl+F5). If the test build is successful, your project automatically opens in an application window and you can verify whether your animation behaves correctly.