Blend app workspace (XAML)

  • Article

The Blend for Visual Studio workspace for Windows Store apps built using XAML includes all of the visual interface elements of the default workspace. However, the tools that are available when you are creating a Windows Store app using XAML are specific to XAML-based projects.

An animation workspace is also available when you are working on Windows Store apps built using XAML.

Design workspace

Workspaces

B1_1

Document tabs   Shows all the XAML project documents that are currently open, including windows, pages, resource dictionaries, and user controls.
B1_2

Active files   Shows the current open document on the design surface and also lists all the files that are currently open in the Document tabs.
B1_3

Views   Displays one of three real-time authoring environments:

  • Design view   Use Design view to author documents by using a visual representation on the design surface.

  • Code view   Use Code view to author or edit your XAML code.

    Note

    The Tools panel, Objects and Timeline panel, and Properties do not work for Code view. In addition, most menu items are disabled in this view.

  • Split view   Displays both Code and Design view. You can also change the orientation of the windows using Split View Orientation on the View menu.

You can also modify the default display of Blend by modifying the settings in the Options dialog box.

Animation workspace

Blend includes an animation workspace in addition to the design workspace. You can easily switch between the two workspaces by pressing F6.

The animation workspace includes all of the tools available in the design workspace. In addition, the Objects and Timeline panel is expanded and moved under the design surface so that more of the animation timeline is displayed.

The design workspace (left) and the animation workspace (right)

eea17aa0-ebae-42b5-a03a-165bf4d54fda

B1_1

Menus

 B1_4

Design surface   Displays the design view of the document you have selected.

For more information, see Design surface (XAML).
B1_2

Tools panel    Displays the tools available for the type of project that you’re working on.

For more information, see Tools panel (XAML).

Note

 B1_5

Projects panel and Properties panel   Display the panel that you want by clicking the corresponding tab, or by selecting the panel on the Window menu.

For more information, see the following:
B1_3

Objects and Timeline panel   Displays tools for creating and modifying animation timelines.

For more information, see Objects and Timeline panel (XAML).

 B1_6

Results panel   Displays information about errors in your application.

For more information, see Results panel (XAML).

See Also

Concepts

Areas of the workspace (Windows Store apps)

Design surface (XAML)

Assets panel (XAML)

Device panel (XAML)

Objects and Timeline panel (XAML)

Projects panel (XAML)

Properties panel (XAML)

Results panel (XAML)

States panel (XAML)

Tools panel (XAML)