electric beach

Christian Schormann

Tuesday, June 8, 2010

SketchFlow: Firing Actions when a Storyboard is Complete

Several customers asked on Twitter today how to navigate to another screen when a storyboard is finished playing.

The answer is: There is a StoryboardCompleted trigger that you can use together with any action, including the Navigate actions. This post describes how to use it.

Remember that most behaviors in Blend follow the “When <trigger> happens, do <action>” pattern, where you can choose trigger and action independently. When you drag a new action onto an element, by default Blend chooses the Event trigger, that fires when a particular even occurs. But Blend also ships with additional triggers, for example a timer trigger, a property change trigger, or the StoryboardCompleted trigger.

Here are the steps to use the StoryboardCompleted trigger:

  • Place the action you want on some element of your screen, for example the LayoutRoot element

NavToScreen

  • The action will show up in the Property Inspector

ActionInPI

  • Click the “New” button right of TriggerType

NewTrigger

  • In the upcoming dialog, select the StoryboardCompleted trigger

TriggerChoice

  • Back in the property inspector, select the desired storyboard you want to wait for, and the screen you want to navigate to

TriggerAndTarget

posted by cs at 22:23  

2 Comments

  1. [...] SketchFlow: Firing Actions when a Storyboard is Complete (Christian Schormann) [...]

    Pingback by Dew Drop – June 10, 2010 | Alvin Ashcraft's Morning Dew — June 10, 2010 @ 06:59

  2. electric beach » SketchFlow: Firing Actions when a Storyboard is Complete…

    SketchFlow: Firing Actions when a Storyboard is Complete…

    Trackback by http://links.ginktage.com — June 11, 2010 @ 11:04

RSS feed for comments on this post. TrackBack URI

Sorry, the comment form is closed at this time.

Powered by WordPress