Workspace roadmap for WPF projects

This page applies to WPF projects only

The Microsoft Expression Blend 2 workspace is customizable and uniquely scalable. You can change panel orientation, dock or float panels, resize the panels by dragging the edges, zoom the artboard, and toggle the snapping of objects on the artboard.

You can change the workspace color scheme (theme) or zoom the workspace by using Theme and Workspace zoom in the Options dialog box (on the Tools menu).

The workspace looks slightly different depending on whether you are working on a Windows Presentation Foundation (WPF) project or a Silverlight 1 project. Open the WPF SmoothBlends sample from the Welcome Screen (on the Help menu) and then follow the roadmap in this topic. To run the sample when it is open in Expression Blend 2, press F5.

A WPF project open in Expression Blend, using the Animation workspace in Split view

Cc296391.dc97cce5-65c8-4ebb-80b2-1d27d88131a4(en-us,Expression.10).png

Cc296391.25182a96-9a69-478a-9cfe-5b360e6a9bea(en-us,Expression.10).png

Toolbox

The Toolbox contains the tools you’ll need when you work in Design view, such as selection, artboard, brush, and object tools with flyout menus (pictured) from which you can select other common objects. The last Toolbox button opens the Asset Library that contains all other system controls, custom controls, local styles, and media that you have added to your project.

Cc296391.eb6fad93-f17e-4f62-a926-8c8651862891(en-us,Expression.10).png

Project panel

All of the files that are in your project are listed under Files. You can use the context (right-click) menus to add new files, to add existing files (such as media, 3D objects, fonts, project references, and so on), or to manage your project in other ways. Available data sources and the tools to manage them are under Data.

Cc296391.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(en-us,Expression.10).png

Interaction panel

All of the objects on the artboard are listed under Objects and Timeline in a tree structure that determines Z-order (front-to-back layering). If you have a storyboard open (pictured), animation timelines also appear here. If there is any user interaction configured, the trigger and resulting action appear under Triggers.

Cc296391.a5d608f2-bba2-48c5-8b15-2c115db86acc(en-us,Expression.10).png

Properties panel

When in Design view, you can view and modify the properties of any object selected under Objects and Timeline. The properties are organized in collapsible categories. You can use the Search window to filter the properties. Whenever you change an object on the artboard with your mouse, the Properties panel reflects the changes.

Cc296391.f0c1ff71-7814-42ba-806b-7ea92d616e69(en-us,Expression.10).png

Views

In Design view, you work visually on the artboard. In XAML view, you can modify the markup that exists behind what you see in Design view. Split view (pictured) shows both. You can change the orientation of the windows under Split View Orientation on the View menu, and you can resize the windows by dragging the edges.

Cc296391.15de085f-48f5-41dd-a286-e3dcb4cfd18b(en-us,Expression.10).png

Resources

When you create a custom style for a control, or convert a brush or other property to a reusable value, you create a resource. In the Resources panel, all the resources that are available to the open document are displayed. You can drag them onto the artboard, or move them (such as into a resource dictionary, which is available to the whole application).

See also

Concepts

Adjusting your workspace

Toolbox

Asset Library

Interaction panel

Project panel

Properties panel

Resources panel

Results panel

Toolbox shortcuts

Menu shortcuts

Pen and direct selection usage

Menu access keys

Dialog box access keys

Editing XAML

Edit a code-behind file