SketchFlow Controls
There are many controls available in SketchFlow, to help you find and identify them. There has been a screen added to your SketchFlow Map panel.

1. Double-click the screen named SketchStyle_Controls to open it.
   
   
   
   
   
2. With this screen open, press F5 to test the interactive controls in the SketchFlow player. Notice that in the SketchFlow player the controls actually work. The scroll bar scrolls, the checkbox can be checked, the sliders work, and more. You will now create a Combo box and a Textbox for use in your prototype.
3. Close the SketchFlow player and return to your project in Expression Blend.

Creating the ComboBox and TextBox Controls
In this section, you create a ComboBox and a TextBox control on your checkout screen.

1. In the SketchFlow Map panel, double-click the checkout screen. In this screen, you see that many of the controls needed are created, but you will add additional controls, such as a TextBox control for the zip code.
   
   
   
   
   
2. From the Assets panel choose Styles > SketchStyles > TextBox-Sketch. Click to the right and drag to the left to create a TextBox off to the right of the Zip text.
   
   
   
   
   
3. To remove the default text inside the TextBox, simply double-click and press the Delete key.
   You will now create a ComboBox for the State. A ComboBox allows users to create information from a list.
4. From the Assets panel choose Styles > SketchStyles > ComboBox-Sketch, and then click and drag the ComboBox off to the right of the State text. You will now add a couple of States to the ComboBox.
5. Right-click the newly created ComboBox and choose Add ComboBoxItem-Sketch. A text area appears that allows you to add items.
   
   
   
   
   
6. Double-click the text ComboBoxItem and type Alaska. Repeat this step and add Alabama.
7. Press F5 to test your project in the SketchFlow Player.

Downloads

• Prototypen erstellen mit Hilfe von SketchFlow in Expression Blend 3 – Einführung
  http://go.microsoft.com/?linkid=9690582
  
  
• Browsergame mit Hilfe von Behaviors in Expression Blend 3 erstellen
  http://go.microsoft.com/?linkid=9690583
  
  
• Funktionen von SuperPreview in Expression Web 3 – Einführung
  http://go.microsoft.com/?linkid=9690584
  
  
• Silverlight Unterstützung in Expression Web 3
  http://go.microsoft.com/?linkid=9690585

Copyright © 2010 Microsoft Deutschland GmbH Alle Rechte vorbehalten.