Create, modify, or delete a storyboard (Windows Phone)

In Blend for Visual Studio 2012, storyboards are managed from a Storyboard picker. You create new storyboards by clicking New  in the Objects and Timeline panel. When open, storyboards can be modified by using the drop-down menu next to the New button that includes options for creating, renaming, duplicating, reversing, and deleting.

Note

You might find it easier to work with storyboards by using the Animation Workspace because the Objects and Timeline panel is displayed under the artboard instead of next to the artboard. Press F6 to switch between the Animation Workspace and the Design Workspace.

To add a new storyboard

1. In the Objects and Timeline panel, click New .

   

   The Create Storyboard Resource dialog box appears.

   

2. In the Name (Key) field, type a name for the storyboard, and then click OK. The new storyboard opens in recording mode.

Tip

By default, any new storyboard created in the root of your document will cause an event trigger to be added in the Triggers panel for the Window.Loaded event. This trigger causes your storyboard to start as soon as your application starts. If you want to create some simple interactivity, you can select the event trigger and then modify it (in the lower half of the Triggers panel) to specify the following: When object.PreviewMouseDown is raised In this case, object is the name of an object in your application. (The object must be selected for it to appear in the lower half of the Triggers panel when you modify the trigger.) This causes your animation timeline to begin when you click the object.

To modify a storyboard

1. Select the timeline from the Storyboard picker by clicking Open a Storyboard  in the Objects and Timeline panel and then selecting a storyboard.

2. To modify the storyboard, you can do any one of the following:

   • To rename the selected storyboard, double-click the storyboard name or use the pop-up menu in the Objects and Timeline panel.

   • To animate an object on the artboard, create keyframes or move keyframes to record property changes for the object over time. For more information, see Make a keyframe (Windows Phone).

   • To set the selected storyboard to repeat a specified number of times or to play forward and backward, modify the storyboard properties. For more information, see Modify a storyboard to repeat or reverse (Windows Phone).

   • To create a new storyboard that is a duplicate or a reversed duplicate of the selected storyboard, use the pop-up menu in the Objects and Timeline panel. For more information, see Duplicate or reverse a storyboard (Windows Phone).

   • To configure the storyboard to play when an event occurs or when a property changes, create an event trigger or a property trigger on the object or template that will trigger the storyboard. For more information, see Windows Phone triggers.

To delete a storyboard

1. In the Objects and Timeline panel, click Open a Storyboard  to view the storyboards that are in scope. The Storyboard picker appears.

   

2. Select the storyboard that you want to delete from the Storyboard picker.

   Blend opens the storyboard and enters timeline recording mode.

3. Click the drop-down button next to New , and then click Delete.

   

   The storyboard is deleted. Blend exits timeline recording mode, leaving no storyboards open. If any triggers modified the deleted storyboard, they are also updated.