Artboard
The artboard is your work surface, where you can visually design a document in your application by drawing objects and modifying them.
.png "Ee341448.78ec5d4d-3af1-46bd-ab63-bc4fc542806f(en-us,Expression.30).png")
|
Visual design surface Set artboard options, such as changing the background color, in the Options dialog box. For more information, see Change the background color of the artboard. |
|
XAML editor Edit your XAML code in the XAML editor. For information about XAML, see Working with XAML and Change the font and other XAML editor options. |
|
Artboard controls Use these controls to zoom the artboard, turn on the rendering of effects, set snapping options, and turn on file annotations. For more information, see Zoom or pan the artboard, Turn snapping on or off, Show or hide an effect, and Annotate a document. |
|
Document tabs When you have more than one document open on the artboard, switch between them by clicking the corresponding tab. For more information, see Change the active document. |
|
View buttons Use these buttons to switch between Design, XAML, and Split views. For more information, see View your design or the XAML that defines your design. .gif "Note") Note:
Some .xaml documents, such as resource dictionary files, cannot be viewed in Design view. You can, however, modify resources visually by clicking Edit resource next to an item in the Resources panel.
|
|
Object handles When you select an object on the artboard, use the blue handles to make it easier to modify the object by using your mouse. For more information, see Moving and transforming objects. |
.png "Ee341448.25182a96-9a69-478a-9cfe-5b360e6a9bea(en-us,Expression.30).png")
.png "Ee341448.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(en-us,Expression.30).png")
.png "Ee341448.f0c1ff71-7814-42ba-806b-7ea92d616e69(en-us,Expression.30).png")
.png "Ee341448.eb6fad93-f17e-4f62-a926-8c8651862891(en-us,Expression.30).png")
.png "Ee341448.a5d608f2-bba2-48c5-8b15-2c115db86acc(en-us,Expression.30).png")
.png "Ee341448.15de085f-48f5-41dd-a286-e3dcb4cfd18b(en-us,Expression.30).png")
You can make more room for the artboard by moving or hiding workspace panels. For more information, see Making more room to work.
You can also open and modify code files on the artboard in a text editor that includes find-and-replace functionality and IntelliSense. For more information, see Modify a code-behind file.