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.

school.tutorials

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.

More tutorials...

Adding the SearchMockup

You will now add a search icon to the MainMenuPanoItem that will navigate the user to the AdvSearch window.

  1. Return to Expression Blend and make sure that you are still viewing the MainMealPanoItem.
  2. Select the Grid that is in the MainMealPanoItem and then click on the Assets panel to bring it forward.
  3. Select Media and then locate and double-click on the search.png. This places an image that you will apply a behavior to in order to navigate to a different screen.
  4. Using the Selection tool, adjust the placement of the search icon to be closer to the what’s cookin’ text.
    Adjust the placement of the search icon
  5. Right-click on the search.png you just added and select Navigate to > AdvSearch. You have just created a simple navigation object for your prototype.
    Create a simple navigation object
  6. Press F5 to test your project.

Summary

In this module, you discovered how to prototype list selections and have them trigger state changes. You also discovered how to create simple navigation actions that take you from one screen to another.