Expression Blend templates for Windows Phone applications

You can now download Expression Blend + SketchFlow templates for developing Windows Phone applications. The templates provide controls styled for Windows Phone 7, including controls based on the User Experience Design Guidelines for Windows Phone guidelines, and SketchFlow-style controls modeled on the same guidelines for Windows Phone 7.1 projects.

Design templates for Windows Phone

Note: In order to use the Expression Blend templates for Windows Phone, you need to install the Windows Phone Developer Tools and the Silverlight for Windows Phone Toolkit. You can download the Expression Blend design templates for Windows Phone from CodePlex.

The Expression Blend for Windows Phone templates include the most commonly used layouts for Windows Phone applications, including the styles, margins, and custom controls.

After you install the Silverlight for Windows Phone Toolkit and the Expression Blend Windows Phone 7 design templates, you can open the design templates project (WindowsPhone7UXGuide.sln) and then press F5 to build and run the project.

When the Windows Phone Emulator launches, you can click throught the project and vew each of the controls as they will appear in a Windows Phone application.

Expression Blend design templates for Windows Phone

To use the templates, you simply copy and paste the content you need from the template project into your own project.

For more information on how to use the design templates, including a walkthrough that will show you how to create a Windows Phone pivot application and creating a data-bound list view that displays sample data, see the documentation for the Expression Blend design templates for Windows Phone on CodePlex.

SketchFlow templates for Windows Phone

Note: SketchFlow is available only in Expression Studio Ultimate. In addition, you need to have the Windows Phone Developer Tools 7.1 Beta installed. You can download the SketchFlow templates for Windows Phone from CodePlex.

When you install the SketchFlow template for Windows Phone, a collection of Sketch-style controls are added to Expression Blend and made available when you are working in the new Windows Phone SketchFlow project template.

Windows Phone 7 SketchFlow project template

The prototype runs in the SketchFlow Player, not in the Windows Phone Emulator. You can use all of the feedback features available in SketchFlow to collect and implement feedback in the prototype before creating a Windows Phone production project.

Windows Phone template in the SketchFlow Player

For more information on how to use the SketchFlow design templates, see the documentation for the SketchFlow design templates for Windows Phone on CodePlex.

<?php echo get_option('blogname'); ?> - Comments on <?php the_title(); ?>

4 Responses to “Expression Blend templates for Windows Phone applications”

  1. Nisarg says:

    I tried the panorama control, and I cant Blend to show me the other Item that is present on the right of the first item selected. Am i doing something wrong?
    how do i add content to the second item on the right? On standard windows phone applications, I just have to click on the little part to the right of the button to see that Item of the control. Why does this not work for sketchflow applications for windows phone 7?

  2. Pam says:

    Hi Nisarg,

    The SketchFlow template for Windows Phone doesn’t have the same functionality as the Windows Phone template. It simply provides a Windows Phone “background” on which to create Sketch style controls (in this case, a Panorama control with the Sketch style applied) to mimic the appearance of a full Windows Phone project.

    If you look in the Objects and Timeline panel in a Windows Phone application project, you’ll see that the page you’re working with is a PhoneApplicationPage control. If you look in the Objects and Timeline panel in a Windows Phone screen in a SketchFlow project, you’ll see that the page you’re working with is a PhoneChrome control.

    To simulate a panorama control experience in SketchFlow, you’d create two screens, one with Item 1 and one with Item 2, and then the interaction would be simulated in the SketchFlow player when it is previewed. (Windows Phone SketchFlow projects preview in the SketchFlow player and not in the Windows Phone Emulator.)

    That said, you can select the second item, on both the artboard and on the Objects and Timeline panel, but you will have to manually position it to appear where you want it to appear when the prototype is previewed in the SketchFlow player.

    Hope that helps.
    Pam

  3. vinodh says:

    hi please help me.,
    my system is windows 7 os and it is 2 gb ddr3.,
    after installing expression blend ., while opening new project , it doesnot shows the phone panel.. it shows only the small black box.. and by addd some button it shows catastophic error….
    please help thr mail…….. .rkvino@gmail.com
    please

Leave a Reply