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

Changing the Focused and Unfocused States

In this section, you take advantage of two existing states to show and hide the keyboard.

  1. Select States to bring it forward and then select Base.
  2. Select the KeyboardMockup and change the Visibility property to Collapsed.
  3. Scroll down in the States panel until you find the Unfocused and Focused states.
  4. Select the Focused state and then change the Visibility of the KeyboardMockup back to Visible.
  5. Exit the Template by selecting the Button Breadcrumb at the top of the artboard.
    Exit the Template by selecting the Button Breadbrumb
  6. In the SketchFlow Map, right-click on the PeopleSearch screen and select Set as Start.
    Right-click on the PeopleSearch screen
  7. Press F5 to test your application. When you insert your cursor in the TextBox, the keyboard appears. When you select an item from the page it goes away.
  8. When you are finished testing your project, make sure that you return to Expression Blend and set the Start screen as being the Main screen again.

Summary

In this module, you discovered how to take advantage of Storyboards, Mockups, states, and the ToggleButton to build an interactive and interesting interface.