Export (0) Print
Expand All

Add or modify an object

You can add an object to the artboard by selecting a tool in the Toolbox or in the Asset Library, and then drawing the object on the artboard by using your mouse. When you work on a Windows Presentation Foundation (WPF) or Silverlight 2 project, you can also select a styled or custom control from the Asset Library, drag a styled control from the Resources panel, or drag resources from the Resources panel onto an existing object on the artboard to apply the resource to one of the object's properties.

Cc294644.alert_note(en-us,Expression.10).gifNote:

The following procedures assume that you have a project open in Design view in Microsoft Expression Blend.

  • You can add an object to the artboard by doing one of the following:

    • Double-click the icon for a control (such as a Rectangle Cc294644.81ffc148-cf5c-4faf-bd3f-f38d3073a12c(en-us,Expression.10).png, Grid Cc294644.a87ee957-7fbf-4135-a6ab-6de7e63160aa(en-us,Expression.10).png, Button Cc294644.05df1779-a68f-436b-b834-a91b7995a3ec(en-us,Expression.10).png, or TextBlock Cc294644.42165963-00f7-4a33-abcd-b0849edebada(en-us,Expression.10).png) in the Toolbox. The object is inserted into the top-left corner of the artboard at a default width and size.

    • Select the control's icon in the Toolbox and use your mouse to draw the control on the artboard.

    Cc294644.alert_note(en-us,Expression.10).gifNote:

    If you cannot see a tool or control in the Toolbox, you might have to right-click one of the tools, select the tool or control that you want from the list that appears, and then double-click the icon.

    Cc294644.8fbbbb21-be83-4cf6-903b-3a49f00c9860(en-us,Expression.10).png

Cc294644.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

  1. Open the Asset Library by clicking the Asset Library Cc294644.0224cabd-5da1-4e01-bddd-4a647401a098(en-us,Expression.10).png button in the Toolbox.

  2. In the Asset Library, select the Show All check box to view all the available assets.

  3. Do one of the following (some options apply to WPF only, as indicated):

    • To add a system control   Under Controls, select the System Controls resource dictionary, select a control from the list, and then use your mouse to draw the control on the artboard.

    • To add a styled control that occurs in a resource dictionary (WPF only)   Under Controls, select the resource dictionary (for example, Simple Styles), select a styled control from the list, and then use your mouse to draw the control on the artboard.

      Cc294644.alert_note(en-us,Expression.10).gifNote:

      You can create your own resource dictionaries by using the New Dictionary button in the Resources panel. For more information, see Resources.

    • To add a styled control that is defined in your project (WPF and Silverlight 2 only)   Under Local Styles, select a styled control from the list, and then use your mouse to draw the control on the artboard.

      Cc294644.alert_note(en-us,Expression.10).gifNote:

      Styles are created by selecting an existing control and then modifying its style or template. You can also convert any property value in the Properties panel to a resource. For more information, see Resources.

    • To add a media item   Under Media, select a media item from the list (such as an image or video file), and then use your mouse to draw the control on the artboard.

      Cc294644.alert_note(en-us,Expression.10).gifNote:

      The media file must already be listed under Files in the Project panel. To add a file to your project, use Add Existing Item on the Project menu. For more information about how to use media files in Expression Blend, see Media.

    • To add a custom or user control (WPF and Silverlight 2 only)   Under Custom Controls, select a custom control from the list, and then use your mouse to draw the control on the artboard.

      Cc294644.alert_note(en-us,Expression.10).gifNote:

      If you have added a custom control or user control to your project and you do not see it listed under Custom Controls, build your project (CTRL+SHIFT+B), and then open the Asset Library again. For more information, see Try it: Create a custom WPF control and Try it: Create a WPF user control.

Cc294644.alert_note(en-us,Expression.10).gifNote:

You can type into the Search text box to filter the list of assets that appears in any tab of the Asset Library.

Cc294644.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

  1. From the Resources panel, expand the nodes, and then select a resource.

  2. Drag the resource onto the artboard.

    • If the resource is a style or a template, an instance of the control that the resource was created from is added to the artboard, with the style or template already applied.

    • If the resource is a property value, a pop-up menu appears that gives you the option to create a new object and then apply the style to one of its properties, or apply the style to one of the existing objects on the artboard.

Cc294644.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

  • Do one of the following:

    • Modify the object by using the on-object handles that appear on the artboard when you move the pointer over the corners of the object's blue bounding box. These handles enable you to rotate Cc294644.888cbf6b-c442-424d-977d-61d942703c4a(en-us,Expression.10).png, resize or flip Cc294644.7d350cd4-6d4f-40bc-9d04-d46d2d54ebee(en-us,Expression.10).png, move Cc294644.eff911a7-b891-4315-a86c-cc4cd088e647(en-us,Expression.10).png, or add a corner radius Cc294644.8ff4c5e0-3b7f-49d7-97cb-ad373c3a7fe7(en-us,Expression.10).png to the object. If you do not see the on-object handles, click the Selection Cc294644.2ff91340-477e-4efa-a0f7-af20851e4daa(en-us,Expression.10).png or Direct Selection Cc294644.6dd6571f-c116-451d-8dd2-1f88b8406362(en-us,Expression.10).png tool, and then select the object.

      Cc294644.alert_note(en-us,Expression.10).gifNote:

      You can change the behavior of the on-object handles in the following ways: To constrain the aspect ratio, hold the SHIFT key when you resize or scale. To maintain the position of the center point (instead of maintaining the position of the opposite corner or edge), hold the ALT key when you resize, scale, or skew. To snap every 15 degrees, hold the SHIFT key when you rotate.

    • Modify the object by selecting it under Objects and Timeline and then changing the properties in the Properties panel. You can use this method to change the appearance of the object, change its location, or bind data to specific properties on the object. For more information, see Appearance overview, Layout overview, and Data handling overview.

    • Animate the object. For more information, see Animation overview.

    • Create a template for the object (WPF and Silverlight 2 only) by selecting the object under Objects and Timeline, and then selecting Edit Style or Edit Control Parts (Template) under the Object menu. You should do this only on simple control objects. For more information, see Controls overview, Style and template overview, and Working with simple styles.

Cc294644.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

Community Additions

ADD
Show:
© 2014 Microsoft