Share via


Objects and properties overview

In Microsoft Expression Blend, an object is anything that you can position on the artboard. For example, after you add a visual element to the artboard, it becomes an object in your application. Developing a stunning user interface becomes as simple as adding objects to the artboard and modifying them to suit your needs.

Types of objects

You can add layout panels to arrange and group your objects, add controls, shapes or paths, special text controls, media, and 3D objects to the artboard.

Note

Some visual elements are not supported in Microsoft Silverlight 1.0 or Silverlight 2 projects.

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

Modifying objects

You can modify objects on the artboard in many ways by using the artboard handles to resize, move, rotate, flip, or skew the objects. Additionally, you can use the Properties panel to enter values that affect such object attributes as appearance, size, and position. See the topics under Appearance and Transformations for more information.

You can also animate objects, and hook up Triggers and user interactivity or events that will control the animation based on user interaction.

Note

Triggers are not supported in Silverlight 1.0, but you can configure user interactivity using events. For more information, see Create a button that controls a storyboard in a Silverlight application. In Silverlight 2 projects, you can use states. For more information, see Change state in response to user interaction.

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

Customizing objects

If you want to create a unique look for your application, you can create styles and templates, and convert other properties to resources to apply them to other visual elements. You can also design user controls or write code for custom controls to create reusable controls that include custom behavior.

Note

Resources, styles, and templates are not supported in Silverlight 1.0, but you can create JavaScript classes to define reusable controls. For more information, see the Silverlight 1.0 samples that come with Expression Blend, or see the Silverlight learning center.

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

Dynamic content

If you want your application to present content that is updated dynamically, you can add a data source and bind the properties of objects to data. You can also bind the property of one object to the property of another object (for example, to update a numeric text box with the value of a slider). For more information, see Data handling.

Note

The data handling tools of Expression Blend are not supported in Silverlight 1.0 projects.

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

Adding objects

You can add an object to the artboard by selecting a tool in the Toolbox or the Asset Library, or by selecting a styled or custom control from the Asset Library. You can also 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.

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

Artboard stack order

Each time that you create a new object, it sits on top of a stack of objects. With any two objects, one object is always higher in the stack on the artboard than the other object, and the top of the stack is the front-most object on the artboard, overlapping objects that are lower in the stack.

Cc294561.415b68ef-f463-4b4b-a67e-df9be639d95e(en-us,Expression.10).png

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

Initial set of objects in Z order

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

Bring Forward in the Z order

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

Bring to Front of the Z order

In another example as shown in the following image, the Ellipse object is higher in the stack than the Rectangle object, which on the artboard means that the Ellipse appears in front of the Rectangle.

Stack order of objects on the artboard

Cc294561.f6e20075-ea3b-4595-998c-3b454cbfbb35(en-us,Expression.10).png

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