- Choose File > New Project. When the New Project window appears, select Windows Phone > Windows Phone SketchFlow Application.
- Name your project Prototype01, and press Browse to save the project in the SketchFlowLessonFiles that you downloaded from the ToolBox website for this lesson.
- Double-click on Screen1 and change the name to Main. You can change the name by double-clicking on Screen1, or you can right-click and choose Rename from the contextual menu.
-
Go to the SketchFlow Map panel and hover over Main, when the additional options appear, click on Create a connected screen and drag off to the right of the Main screen. A second, connected, screen is created. The name is highlighted so that you can immediately change it; type AdvSearch for the name of the screen.
When you create a connected screen, you are thinking through the process of what screens a user will navigate to when using your application. It is important to know your screens and their purpose before building the application. Otherwise, you create a confusing path for the user to follow.
- In this application, you take advantage of the Panorama and Pivot controls, offering you many options for content, so these are the only screens you will need for this application.
Connecting screens in the map
As you test the navigation of your site, you may notice that you have a dead end or two, or might have lost the path for the user to reach their goal: finding a recipe. In this section, you return to the SketchFlow Map and connect the AdvSearch and screen back to the Main screen.
- Hover over the AdvSearch screen and this time click and drag on the Connect existing screen and point back to the Main Screen.
- Choose File > Save.
Note: If you need to change a connected screen, you can click and hold on the end of the connector and drag it off the screen to delete it, or drag it to another screen.
