Export (0) Print
Expand All

Expression Blend for Windows Phone overview

Expression Studio 4.0
important noteImportant

Microsoft Expression Blend for Windows Phone is available only when you install the Windows Phone Developer Tools Ff979324.xtlink_newWindow(en-us,Expression.40).png.

Expression Blend for Windows Phone is designed to make it easier and faster to design applications for Windows Phone. In addition to the design tools available in Expression Blend, Expression Blend for Windows Phone includes tools designed specifically for creating Windows Phone applications.

Application page

When you create a Windows Phone project in Expression Blend, the document window displays an application page (PhoneApplicationPage) that resembles a Windows Phone screen. You can add objects to the application page, arrange them, and then modify them so that they appear the way that you want them to appear on the screen. When you are finished designing the page, you can build and then run the project to preview them in the Windows Phone Emulator or on a Windows Phone device attached to your computer.

For more information about adding content to the application page, see Create content for Windows Phone.

For more information about previewing a Windows Phone project, see Preview a Windows Phone project.

PhoneApplicationPage with the Dark theme applied

Windows Phone application page - dark theme

PhoneApplicationPage with the Light theme applied

Windows Phone application page - light theme

Device panel

You can use the Device panel to select the orientation of your application page, to determine the background and accent colors, and to choose whether to preview your application on the Windows Phone Emulator or on a Windows Phone device attached to your computer.

For more information, see Modify the device settings.

Expression Blend for Windows Phone Device panel

Preview Windows Phone styles

You can quickly and easily preview a text style before applying it to an object when you are designing a Windows Phone application. Right-click the text block in which the text appears, click Edit Style, then click Apply Resource, and then select the text style that you want.

Text preview for Windows Phone

Customize the application bar

When you add an application bar to your Windows Phone application, you can quickly and easily add built-in application bar buttons and menu items by selecting them from a list. You can also create custom application bar buttons and menu items and add them to your project. After you have added the customized items to your project, they will also appear in the drop-down list.

To add an application bar, in the Objects and Timeline panel, right-click PhoneApplicationPage, and then click Add Application Bar. Right-click ApplicationBar, and then click Add ApplicationBarIconButton. In the Properties panel, in the Common Properties category, select the button icon that you want from the IconUri drop-down list.

Built-in Windows Phone-style button icons

Windows Phone application bar icon button

A customized application bar in the Windows Phone Emulator

Windows Phone application bar

Define page navigation

You can quickly and easily define navigation for your Windows Phone application. To define the navigation, right-click the object on the application page that you want to define the navigation for, click Navigate to, and then click the page that you want to navigate to from the list of pages available.

Windows Phone Navigate to command

Optimize the Windows Phone keyboard

Given the limited size of the keyboard available in a Windows Phone device, it is helpful to specify which keyboard to display when a user is entering data into a field. By modifying the InputScope property on a TextBox, you can specify not only the type of data to be typed into the field, but also which keyboard to display when the user is typing. With the TextBox selected in the application page, select the type of input that you want from the InputScope drop-down list in the Common Properties category of the Properties panel.

Windows Phone TextBox optimized for numeric input

See also

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.
Show:
© 2015 Microsoft