courses I tutorials

Explore different tutorials to get hands on with Silverlight and Expression Blend across a wide array of topics in a short time.

Using SketchFlow for Windows Phone Series

In this ToolBox module you discover principles of good UX design. You also discover how to start and build your prototype using the SketchFlow Template for Windows Phone.

Triggering the Timer storyboard

You will now trigger the Timer storyboard by converting the StartTimer text into a button.

Right-click on the StartTimer in the Objects and Timeline and choose Make Into Control.
When the Make Into Control dialog box appears select Button and type the name StartTimerStyle, then press OK. You are now in the template for this button.
Select the ContentPresenter and then press Delete.
In the Objects and Timeline panel, select the top path, which is the arrow artwork.
Click on the States Panel, and then select Pressed. Using the Brushes pane in the Properties panel change the Fill property of the arrow path to a gray color. Any shade is fine, as long as you can still see the Start text.
Exit the template by clicking on the Return scope to PhoneChrome button.
Now that you are outside the Button template, select the Assets panel to bring it forward and locate the Behaviors section.
In the Behaviors section, choose the ControlStoryboardAction and drag it right on top of the new button you created. You can drag it onto the button in the artboard or to the Button listed in the Objects and Timeline panel.
In the Common Properties pane in the Properties panel, select Timer for the Storyboard.
If you want to test your project, press F5. When the SketchFlow player window appears, double-click on the AdvSearch from the Navigation panel.