Partilhar via


Properties panel

The Properties panel in Microsoft Expression Blend 2 is where you can view and modify the properties of an object that is selected on the artboard or under Objects and Timeline. If you modify an object directly on the artboard with your mouse using the object handles, the property changes will be reflected in the Properties panel. The reverse is also true—if you scaled an object by using the value editor under Transform in the Properties panel, you would see the object scale on the artboard.

You can view the Properties panel in either of the following two modes:

  • Full mode, which has expandable and collapsible categories

  • Mini mode, which has pop-up editors

You can toggle between the two modes by pressing TAB or F4 to hide or show all the panels on the workspace.

The Properties panel in full mode, undocked, in front of the Properties panel in mini mode

Cc294866.c246cbc4-eef9-473f-ac97-963033c5b7b9(en-us,Expression.10).png

Cc294866.af4f4234-b404-40f2-86bf-26f72a4773dd(en-us,Expression.10).png

Expandable and collapsible categories of properties

Full mode

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

Name and type of the selected object

Cc294866.b5acdd5b-dc01-4fec-a4b7-641b4cb36f50(en-us,Expression.10).png

Alpha channel slider, to change the transparency of this particular brush property (not the whole object)

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

Toggle buttons for displaying either the Properties or Events view

Cc294866.65bdc0a8-bb2a-4ad1-a136-70070743794a(en-us,Expression.10).png

Color chips   Initial color, current color, last color

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

Search box for filtering the properties that are displayed by the text that is entered

Cc294866.fdd3263a-7f0e-4cb0-8b5c-b832a467da62(en-us,Expression.10).png

Color eyedropper

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

Various visual properties (brushes) such as Fill brush, Stroke brush, Foreground brush

Cc294866.d839d12c-07a1-4127-a830-4a8e7069f4fe(en-us,Expression.10).png

Convert this color to a color resource, which will make it selectable from the Color resources tab

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

Button for opening the Advancedpropertyoptions pop-up menu, to reset the property to a default value, to apply resources, or to bind the property to data

Cc294866.24a7a2bf-4b8f-4cbd-a8e8-51fc98983d9a(en-us,Expression.10).png

The hex value of the color

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

Brusheditors   The selected property under Brushes can be set to No brush, Solid color brush, Gradient brush, Tile brush, or to a Brush resource

Cc294866.a202a77c-739c-438b-b708-07a3a8aaa595(en-us,Expression.10).png

Gradient slider with gradient stops, which appears only if a gradient brush is selected

Cc294866.1d2fe38a-3fd8-4951-b978-7e44b6f2401d(en-us,Expression.10).png

Coloreditor   Available for solid color and gradient brushes

Cc294866.d50027a1-6824-4ad8-8b4e-558b0756dcf8(en-us,Expression.10).png

Gradient eyedropper

Cc294866.1aa736bd-cd0d-4514-a5e4-b495d11d4870(en-us,Expression.10).png

Colorresources   Local Resources and System Resources, which allow you to apply the exact same color to different properties

Cc294866.997cd5f2-9221-48b4-ad9d-412298ad376c(en-us,Expression.10).png

Gradient types: Linear Gradient, Radial Gradient

Cc294866.272b5149-46f2-4633-ae61-88dfb9c58b7e(en-us,Expression.10).png

Color picker with color slider

Cc294866.235d6276-fd54-4032-b647-46513b0e7f03(en-us,Expression.10).png

Gradient options   Pad, Reflect, Repeat, Absolute, Bounding Box

Cc294866.97fa60b9-0caf-4387-9225-b57510d32209(en-us,Expression.10).png

Colorspaces   The RGB (red, green, blue) color space is shown in this image, but you can change to one of the other three supported color spaces by clicking one of the underlined letters (for example, R in the RGB color space) to see a pop-up menu with the alternative color spaces listed

Cc294866.796e7cf2-62e0-4c4a-bf91-835d6b0b9988(en-us,Expression.10).png

Convert the current brush to a brush resource, which will make it available from the Brush resources tab.

Mini mode

Cc294866.095c13e8-6ed8-4572-9bd2-b2d6bdfdf199(en-us,Expression.10).png

Brushes category

Cc294866.487d0a66-ce14-40c1-84c1-ee1d359def4c(en-us,Expression.10).png

Transform category

Cc294866.e1a62fcf-2f5c-4263-95fe-a9bf97616b85(en-us,Expression.10).png

Appearance category

Cc294866.fe3cc512-0e9e-4664-b193-e7d140fdc313(en-us,Expression.10).png

Miscellaneous category

Cc294866.b36987f6-e914-4b58-99f2-a76c47128837(en-us,Expression.10).png

Layout category

Cc294866.ae680f92-111f-4640-9a5d-831fbe5acc05(en-us,Expression.10).png

Attached Properties category

Cc294866.41999197-e26c-42b9-8039-58ce07f5b5ba(en-us,Expression.10).png

Common Properties category

Cc294866.59e86f57-31a3-49ff-b6bb-4d760c45c7b7(en-us,Expression.10).png

Light category (3D only)

Cc294866.db8728cc-fbcc-4372-8f0b-f7145ad3767c(en-us,Expression.10).png

Text category

Cc294866.4698a696-a33a-468e-b464-94d5ca9e1ce7(en-us,Expression.10).png

Camera category (3D only)

Value editors

The Properties panel presents a number editor for entering values such as degrees, pixels, percentages, and so on. For example, the RGB color space text boxes in the preceding image are number editors. You can single-click an existing numerical value and type in the exact value you want, or you can use the unique slider to change values by moving your pointer over the property's text box, and then clicking and dragging when the numerical adjust Cc294866.1ac1b6df-d5d6-4ad9-aba5-0712dc9a9036(en-us,Expression.10).png pointer appears.

Advanced properties

Most categories of properties in the Properties panel have an expandable advanced section, which you can open by clicking the Show advanced properties Cc294866.cd646a24-b6e4-4f8d-9d64-8349ceb9c013(en-us,Expression.10).png button at the bottom of the category. The advanced properties are less commonly used, or they involve subproperty and collection editors.

Subproperty and collection editors

In the Properties panel, some properties are more complex than a single value. For example, some properties represent a collection of values, or represent an object with properties of its own. For example, if you add a single bitmap effect to an object (the BitmapEffect property is located in the advanced properties section of the Appearance category), a collapsible subproperty editor appears in which you can set the bitmap subproperties. If you add a BitmapEffect Group to an object instead of a single bitmap effect, the subproperty editor displays a Children property with an Edit items in this collection Cc294866.180d50dc-77e2-4d23-a353-1822e9056f2f(en-us,Expression.10).png button that allows you to modify the collection of child bitmap effects that will be applied to the object.

Advanced property options for setting special values

Another way that you can set a property is by using the advanced property options pop-up menu (shown in the following image). You can set a property to a custom expression, a resource, a data-binding, or reset the property to a default value by clicking the Advanced property options Cc294866.d6ba8f4a-b8a2-445a-af0b-a267dfade6e1(en-us,Expression.10).png marker, and then selecting from the items in the pop-up menu. After you set a property by using the advanced property options pop-up menu, the name of the property is given a colored border so that you know what type of value it is set to. For example, if you set the value of a property to a System Resource, the property name will be given a green border.

Advanced property options pop-up menu

Cc294866.132aedb0-1c35-438e-b160-fd7c98c68c88(en-us,Expression.10).png